Personalmente consiglio di usare slideshows realizzati in jQuery o affini, questi elementi oltre a mettere in evidenza contenuti, offrono maggiore movimento a un layout grafico.

Ho raccolto per voi (e per me) 20 esempi di slideshows creativi e interessanti da cui prendere ispirazione.

1. Fubiz

2. Tutorial9

3. Slidedeck

4. Nealite

5. Violet

6. HyperX Local

7. Nosotros

8. Templatica

9. Squared Eye

10. Benjamin David

11. Xero

12. DirectDesign

13. Kinetic Shadows

14. Eighty8Four

15. Mark Dearman

16. Puppetbrain

17. The Wojo Group

18. Kollektivdreinull

19. Sketchen

20. Deluge Studios

Oggi vi segnalo De Grisogono

Il sito presenta la collezione di gioielli della catena De Grisono, davvero molto belli ma andiamo a vedere come è stato strutturato il sito web.

Le immagini, i suoni e i video la fanno da padrone, ottima la scelta di usare un video in home per ottenere movimento e catturare l’attenzione del visitatore.

I menu sono intuitivi e a scomparsa per ottimizzare lo spazio, molto funzionali anche le gallerie dei prodotti interna con la possibilità di vedere in alta definizione ogni prodotto.

Forse non troppo corretto far iniziare in automatico il video con il suono attivato, di solito si rende muto per poi essere attivatto successivamente dall’utente.

Il sito è stato realizzato dall’agenzia francese ProCab Studio, che vi consiglio di dare uno sguardo.

Queste ispirazioni e riflessioni ci permetteranno di focalizzarci sullo sviluppo grafico dei personaggi e la comunicazione usata sul web da diversi punti di vista.

Oggi vi propongo Transformers.

Clicca qui per vedere il video incorporato.

Transformers è un film d’azione fantascientifico del 2007 diretto da Michael Bay. Equivale alla trasposizione cinematografica live dei celebri Transformers, che si affianca all’omonimo film d’animazione prodotto nel 1986 e all’omonima serie animata del 1984-87.

Continua su WikiPedia.

Scopriamo insieme il sito ufficiale, foto, illustrazioni e video del film.

Sito Web Ufficiale

La splash page del sito ufficiale realizzata in Adobe Flash evidenzia la possibilità di acquistare i DVD del film, visualizzare trailer e due aree per rendere il sito virale.

Inoltre viene messo in evidenza la nomination all’Academy Award.

Una volta entrati nel sito che verrà proiettato in automatico in Fullscreen avremo la possibilità di navigare all’interno delle varie aree.

Una volta scelta una sezione, verrà attivata l’animazione del personaggio 3D come preloader, che ci accompagnerà insieme alle fantastiche musiche del film all’area dedicata.

Le aree sono sviluppate in modo semplice e intuitivo, forse lo è poco il tasto per tornare al menù, ma per il resto molto “easy“.

In ogni momento potremo scegliere la canzone di sottofondo dal comodo menu in alto, nel quale viene anche pubblicizzato il CD della colonna sonora.

Immagini dal Film

Illustrazioni

Video

Trailer

Clicca qui per vedere il video incorporato.

MEGAN FOX – Speed Painting by Nico Di Mattia

Clicca qui per vedere il video incorporato.

OPTIMUS PRIME – Speed Painting by Nico Di Mattia

Clicca qui per vedere il video incorporato.

BUMBLEBEE – Speed Painting by Nico Di Mattia

Clicca qui per vedere il video incorporato.

Video Games

Clicca qui per vedere il video incorporato.

Oggi vi segnalo il Font Zeta– Free Download

Questo font è disponibile solo in minuscolo ed è caratterizzato da tagli netti molto originali se affiancati su altre lettere.

Vediamo il font al completo

Dal sito vengono testate e illustrate alcune delle caratteristiche implementate più importanti come il nuovo motore JavaScript, supporto XHTML, SVG, HTML5, CSS3 e ancora il supporto di Selctors, Namespace, Render Testuale, Colori e Sfondi.

Per quanto riguarda HTML5 e CSS3 sarà possibile utilizzare i soliti tag senza usare forzature o altro, in quanto IE9 sarà capace (finalmente) di interpretare tutti i tag senza problemi.

Dalla conferenza di Microsoft – MIX10 a Las Vegas

Clicca qui per vedere il video incorporato.

Clicca qui per vedere il video incorporato.

Un’altra notiza che mi ha fatto rimanere perplesso è stata la dichiarazione da parte di Microsoft, ovvero IE9 non potrà essere supportato da Windows XP ma da versione Windows Vista SP2 o Windows 7.

Forse IE9 porterà sicuramente delle grandi novità e innovazioni rispetto alle precedenti versioni, ma alcune persone ne rimarrano sempre fuori.

Quanto sarà dura nuovamente il passaggio dalle versioni precedenti a IE9?

Un’utopia?

Oggi vi propongo altre 20 foto altamente creative selezionate per voi.

Spesso oltre a seguire molti blog stranieri riguardo tamatiche web e desgin, seguo anche blog italiani e oggi voglio condividere con voi alcuni blog che sono riusciti ad emergere dalla massa, distinguendosi grazie a contenuti ricchi e utili per chi lavora nel campo.

Sono molto contenuto che la maggior parte di questi blogger ho avuto modo di conoscerli di persona o di scambiare quattro chiacchiere e confermare la loro professionalità.

1. Your Inspiration Web

Riflessioni e tutorial per web designer principianti e intermedi, ottimi gli articoli di approfondimento e utili pillole da leggere e provare per iniziare a studiare il codice.

2. Edit

Il famoso Blog del gruppo HTML, molto interessante sia per web designer che web developer, articoli quotidiani di ampio interesse.

3. PV.M Garage

Blog personale di Piervincenzo, appassionato di Web Design e Blogging, ottimi gli articoli di approfondimento e le ispirazioni grafiche.

4. Blographik

Blog personale di Mirko in cui condivide con i suoi lettori risorse ed esperienze per web designer e seo.

5. Design Multimedia Blog

Blog personale di Massimo, web designer aggiornato sulle ultime tendenze nel mondo della grafica web.

6. TomStardust

Blog personale di Tommaso, web designer freelancer focalizzato sulla creazione di siti web accessibili ed usabili secondo i requisiti del W3C.

7. FedeWeb

Blog personale di Federico, ragazzo che ho avuto modo di conoscere di persona e dare qualche dritta durante la sua esperienza da blogger, ottime risorse e tutorial per web designer.

8. Italian Web Design

Community focalizzata sulle strategie e tecniche per aspiranti web designer, spunti e articoli sempre interessanti.

9. WebFandom

Blog personale di Alberto, che ho avuto il piacere di conoscere e dare qualche dritta durante la sua esperienza da blogger, troverete sul suo blog articoli e riflessioni molto interessanti.

10. YesWebCan

Blog personale di Salvatore in cui potrai scoprire risorse e tecniche essenziali per web designer e sviluppatori.

Questi suggerimenti ti permetteranno di capire cosa è giusto e cosa è sbagliato, così in un futuro potrai scegliere di conseguenza sapendo cosa ti aspetta.

Vediamo insieme le 10 cose che un Blogger NON dovrebbe mai fare:

1. Dimenticare le basi del SEO

Scrivi i titoli dei post in modo sensato, ricordati che esistono delle paroline dette chiavi, che una volta cercate sui motori di ricerca aiutano il posizionamento del tuo blog.

Non scrivere “Roba figa per grafici” ma cerca di creare un titolo accattivante utilizzando anche parole chiavi in una frase sensata come “50 Risorse Fondamentali per Web Designer”

2. Fare Hot Link

Premessa: Non vuol dire usare foto osè, ma potresti averle sul tuo blog se abusi di Hot Link.

Io odio profondamente chi fa abuso di Hot Link ovvero linkare immagini di altri spazi e usarli per se.

Questo comporta uno spreco maggiore di banda a chi viene presa la URL dell’immagine ed è davvero noioso e seccante quando lo si scopre.

Sappi che se ti scoprono, non esiteranno due secondi a cambiare l’immagine della URL che stai utilizzando e metterci qualche tettona.

3. Copia & Incolla

Dopo l’Hot Link copiare e incollare spudoratamente un articolo di un altro blogger è spacciarlo per suo è una cosa oltre che vergognosa, molto irritante.

Ti piace il mio articolo? Linkami e pubblica il mio articolo dal TUO punto di vista, con modifiche e TUE riflessioni.

Leggere un articolo originale con un altro punto di vista, che è nato dalla presa visione di un mio articolo mi farà sicuramente piacere.

4. Non citare le Fonti

Pubblichi un articolo interessante originale nato dalla lettura di un mio articolo e non citi l’autore, perchè? Ti sto sulle balle?

Se lo vengo a sapere sicuramente perdi punti a favore e sarà molto difficile vedere qualche tuo link sul mio blog.

Inserire un link a un altro blog valido, aumenta il valore delle tue fonti, inizia una possibile collaborazione/amicizia con il blogger che linki e fai scoprire ai tuoi lettori un’altra realtà.

5. Ossessionarsi sul Guadagno

Non pensare che avendo un blog da ieri diventerai milionario o riceverai 100 mila visite.

Scordatelo, o almeno non deve essere il tuo obiettivo primario, ma puoi provarci.

Vivere di solo blog non è facile, richiede passione e tanta pazienda.

6. Creare Contest Fasulli

I contest vanno di moda, quindi decidi di creare un contest in cui chiedi LINK per accedere al sorteggio e in regalo prometti che Steve Jobs porterà 5 iPad sotto casa del vincitore con un’ape in impennata su 5 ruote.

Stai attento a promettere e non mantenere, non te lo puoi permette TU, qui siamo sul web mica in politica, ed è molto difficile a cancellare le prove di una truffa.

7. Montarsi la Testa

Una volta che raggiungi su un livello di popolarità abbastanza affermato, può capitare di montarsi la testa.

Ti consiglio vivamente di non usare arroganza o superiorità verso altri blogger o i tuoi lettori.

Non si finisce mai di imparare, impara dai tuoi errori e dai suggerimenti, non importi come fossi DIO in persona.

8. Pubblicità Invasiva

A quanto pare non mi vuoi dare retta al punto 5 e quindi provi tutte le pubblicità possibili nel tuo blog.

Un banner affianco al logo, uno nei commenti, l’altro nel menu, nella ricerca, nel feed e uno attaccato in cameretta.

Aspetta, forse stai esagerando? Ti consiglio almeno all’inizio di non inserire nessuna pubblicità AdSense o altro.

Quando arrivi almeno a 1000 accessi unici al giorno puoi iniziare a pensare di mettere un paio di banner pubblicitari, ma non esagerare, potresti danneggiare la navigazione dell’utente.

9. Difficoltà di Navigazione

Oltre alla pubblicità invasiva puoi arrecare danno alla navigazione dei tuoi lettori usando male la grafica e i colori.

Cerca di usare dei colori appropriati e una struttura logica dei contenuti adeguata.

Nulla ti vieta di stravolgere la grafica ma ricordati che il visitatore cerca informazioni, contenuti, tutto il resto è secondario.

10. Spam

Ricordati che inviare 10 email a 10 blogger e invitarti a scambio link o scambio articolo non giova molto.

Commentare articoli di altri blog solo per lasciare il proprio link e magari riscrivendolo nel commento, è una furbizia ma perdi punti.

Bell’articolo Julius bravo! Invito tutti a leggere il mio blog superfigo su “come pettinare le bambole in 101 modi www.101bambole.com” .

Ti consiglio di lasciare commenti costruttivi e di creare una discussione concreta, questo ti farà sicuramente mettere in evidenza dal blogger e dai suoi lettori.

Conclusione

Questi sono solo dei piccoli consigli, che invito soprattuto i Blogger alle prime armi di seguire e di non commettere errori che potrebbero pentirsi.

Avete altri consigli da dare? Scriveteli nei commenti.

Il servizio ci permette di andare indietro con i giorni e scaricare le altre risorse create da web designer di tutto il mondo.

Le risorse grafiche PSD sono di alta qualità in formato .psd e possono essere riutilizzate per i nostri progetti web.

Inoltre abbiamo la possibilità di ricercare le risorse con determinate parole chiavi e filtrare la ricerca per tag o progetti simili.

Da aggiungere ai preferiti assolutamente!

Go!WebDesign è un evento che ho organizzato e ideato esclusivo per 50 web designer e appassionati dedicato alla condivisione di tecniche e strategie per Web Designer.

Attualmente sto organizzando la seconda edizione e voglio condividere con te le cose da sapere prima di organizzare un evento, tra cui strategie vincenti per rendere un evento partecipativo, e alcuni aspetti che ho sottovalutato.

I Tre elementi principali

I tre elementi principali che ho evidenziato durante la mia piccola esperienza per inziare a pensare di organizzare un workshop sono:

• Di cosa parlo: Prima di iniziare devi aver ben chiaro cosa vuoi comunicare e trasmettere ai tuoi partecipanti. Avere gia in testa una bozza del programma da discutere.
• La sede: Il luogo dove si svolgerà il workshop è essenziale insieme alla data che sceglierai, in quanto una volta avuto questi due elementi puoi gia pensare di promuovere il tuo evento sul web.
• I Partecipanti: Sicuramente prima di partire devi capire se vi è la possibilità di avere una media/alta richiesta di partecipazione e quindi capire il livello dei partecipanti e agire di conseguenza.

Andiamo a vedere alcuni aspetti nel dettaglio.

La Sede

Una dei tre elementi principali per iniziare ad organizzare è avere una sede adatta e funzionale.

Se non hai agganci o persone che ti possono dare una mano, puoi contare sempre sugli hotel della zona in cui vuoi organizzare il workshop.

Gli hotel di solito sono abbastanza costosi ma sempre funzionali, trovarli non è difficile, ti basta una piccola ricerca con google + google maps e verificare se hanno disponibilità di sala convegno o altro.

Una volta trovata la sede verifica di avere tutto il necessario come ad esempio un proiettore, microfoni wi-fi, sedie, tavoli, lavagne o altro a seconda delle tue esigenze.

Qualora tu voglia fare cosa gradita ai partecipanti e ai relatori organizzati anche per cercare un catering, spesso negli hotel lo trovi interno, ma qualora non lo trovassi dovrai preventivarlo a parte.

Non sottovalutare il costo del catering, di solito sono dai 20 ai 30 euro a persona, e secondo me sono essenziali per dare valore all’evento e dare la possibilità di fare networking durante le pause.

I Partecipanti

Se hai un sito o blog cerca di capire tramite sondaggi o altro se hai davvero una nicchia interessata a quello che vorrai discutere.

Una delle cose difficili è capire il livello di conoscenza, molto probabilmente non riuscirai ad avere un livello uniforme, questo dovrai saperlo successivamente durante la scrittura del programma.

Fatti Trovare

Uno dei fattori che ho sottovalutato è quello di dare indicazioni stradali per arrivare alla sede.

Sembra una cosa ovvia: “metto google maps e ti arrangi”

Consiglio invece di inserire nel sito o blog dell’evento sicuramente come arrivare alla sede con la macchina, treno, metro o aereo, e anche le possibilità di soggiorno Hotel nelle vicinanze.

I Relatori

Il ruolo dei relaori è importante, in quanto ti appoggeranno con la loro conoscenza e professionalità dando maggiore valore al tuo evento.

Stai molto attento durante la scelta dei relatori, una scelta sbagliata potrebbe rovinarti l’intera organizzazione.

Se è il primo evento che organizzi ti consiglio di avvalerti di persone di fiducia o che ritieni professionali.

Il Programma

Il programma, ovvero quello di cui tratterà il tuo evento è tra i tre elementi principali, infatti determina il successo o meno a livello di contenuti.

Cerca di strutturarlo in modo chegli interventi non si sovrappongo per causa mancanza tempo, e di dividerli con almeno due pause caffè.

Ecco un esempio di programma che ho strutturato durante la prima edizione di Go!WebDesign.

Una delle altre difficoltà è organizzarlo a livelli di tempo, ti consiglio per esperienza personale di lasciare per ogni relatore un minimo di 1 ora e mezza abbondante.

Rendi l’evento partecipativo

Il gadget non è fondamentale ma può tornarti utile per rendere partecipativo l’evento dandolo ad esempio in regalo a chi si mostra partecipativo durante l’evento con domande costruttive.

Oltre al gadget durante il mio workshop in fase di registrazione ho lasciato a ogni partecipante una cartelletta con una penna, e un paio di fogli in cui illustravano il programma nel dettaglio e la scheda dei relatori.

Un’altra strategia che ho voluto provare è stata quella di far diventare protagonista il partecipante dando la possibilità di promuovere un progetto o un’idea che è stata sviluppata e analizzata sia dai relatori che dai partecipanti in sala.

Questo ha mosso pareri diversi tra i relatori e i partecipanti e ha determinato la partecipazione attiva e costruttiva dell’evento.

Conclusione

Non è per niente facile organizzare un workshop partecipativo di successo, io in parte ci sono riuscito e spero che con questi piccoli consigli potrai riuscirci anche tu!

Un ringraziamento doveroso al grande Robin Good, il quale mi ha dato delle drtitte fondamentali per l’organizzazione.