Oggi vi segnalo DrawingArt.

DrawingArt è un’agenzia creativa situata in Slovenia, vincitrice di diversi premi rigurdo design e sviluppo.

Come la maggior parte dei progetti nella raccolta di FWA, ci troviamo di fronte a un progetto web totalmente realizzato e progettato in tecnologia Flash, tecnologia di punta dell’agenzia.

Uno degli aspetti che colpiscono appena entriamo sul sito, e lo sfondo mosaico dei lavori dell’agenzia che ci accompagnerà con un effetto slideUp e slideDown durante lo scrolling della pagina.

Notevoli i lavori realizzati che possiamo visionare nella sezione lavori, e i brand con cui l’agenzia creativa ha collaborato, utili per prendere ispirazioni grafiche.

In questi siti di grandi agenzie, e interessante oltre notare l’uso dei colori, soprattuto l’architettura del sito web, individuando quali siano le aree più importanti dosando la tipografia e contenuti.

Infatti possiamo notare come l’integrazione dei social network come Facebook e Twitter sono sempre più coinvoli per la diffusione di lavori o progetti.

Ho voluto premiare 10 veri Sherlock, invitandoli alla prima presentazione del progetto con me, con alcuni indizi sparsi sul web tra progetti web e social media.

Con grande mio stupore, nel giorno del lancio sono stati coinvolti oltre 210 persone in totale, e dieci lettori sono riusciti ad arrivare fino alla fine nello stesso giorno.

Questa operazione virale a costo zero, oltre a far divertire molti lettori, ha iniziato a far parlare del progetto prima che iniziasse, e ha aumentato traffico, follower e fan sui diversi social network utilizzati per il virale.

Ripercorriamo insieme il lancio del video più tutti gli indizi sparsi sul web.

Curiosità del Virale

Voglio condividere con te alcune curiosità prima di scoprire tutti gli indizi.

1. Non pensando di attirare tantissima gente, la pianificazione degli indizi è stata pensata nello stesso giorno del lancio.

2. Per l’indizio #6 ho ricevuto oltre 110 messaggi privati.

3. La mia Fan Page ha avuto un incremento di Fan del +70%.

4. Gli iscritti su YouTube sono aumentati del +60%.

5. Nel giorno del lancio il blog ha avuto 7.600 accessi unici.

Vediamo come è andata nel giorno del pre-lancio e dove erano nascosti tutti gli indizi.

Video di Lancio + Indizio #1

Il video viene pubblicato su YouTube tre giorni prima, e solo Giovedì 25 Gennaio viene pubblicato sul Blog.

Clicca qui per vedere il video incorporato.

Nel video non vi sono indizi veri e propri, ma bisogna cercare nel posto in cui è stato pubblicato.

Tra i Tag del video di lancio infatti, era presente app_151362534976501, un codice URL per un’applicazione Facebook.

Ovviamente questa concatenazione è riconducibile a una URL di un’applicazione su Facebook.

Questa URL associata alla mia Fan Page JuliusDesign, porta al secondo indizio app_151362534976501, ovvero una tab integrata nella fan page.

Indizio #2

Una volta sulla Tab della Fan Page, ti trovavi davanti a una frase “Cosa Leggi?” e un’immagine al quanto sospetta.

Ho ricevuto circa una cinquantina di messaggi privati su Facebook riguardo questo indizio, e dopo che molti stavano letteralmente evaporando, hanno trovato l’indizio seguente.

Infatti se andavi a leggere il nome dell’immagine, trovavi questa frase:

Il prossimo indizio lo troveremo sul mio canale Twitter.

Indizio #3

Arrivati sul mio canale Twitter bisognava trovare il prossimo indizio, ma dove guardare?

Frugando bene, se si andava a selezionare LISTE, avreste trovato il prossimo indizio.

Questo era facile, dai…

Indizio #4

Arrivati su TuoGuru.com avreste trovato la home page a darvi il benvenuto.

Molti di voi sono riusciti a passare questo indizio, infatti bastava visualizzare il codice HTML della pagina.

Il primo era un codice e l’altro un timing, molto riconducibile a un video su YouTube.

Indizio #5

Una volta su YouTube, bastava guardare attentamente cosa vi era dietro le mie spelle al minuto 18:18.

Clicca qui per vedere il video incorporato.

Come potete notare nello schermo dietro le mie spalle, veniva messo in onda un mio vecchio progetto BlogMagazine.

Indizio #6

Questo indizio era molto difficile, infatti anche se era simile all’indizio #4 bisognava capire quale fosse la pagina corretta da ispezionare.

I magazine sono 10, ma il corretto era solo uno, ovviamente il primo in ordine cronologico.

Una volta entrati nel codice HTML del magazine di Marzo 2009, vi era un testo che indicava di invare un messaggio al mio profilo personale facebook con scritto “INDIZIO 6 PLEASE”

Indizio #6

In questo caso ho aperto il vaso di pandora, perchè mi sono arrivati un centinaio di messaggi privati, e a rispondere a tutti è stato faticoso!

L’indizio era questa seguente serie di numeri 7777 222 2 222 222 666 222 777 33 2 8 444 888 666 . COM

Si poteva intuire che parlavamo di un sitoweb, e con un po di pazienza i numeri potevano essere tradotti in lettere utilizzano il sistema T9 dei cellulari.

Indizio #7

La codifica della serie di numeri portava al seguente sito web ScaccoCretivo.COM.

Sulla home page di questo sito vi era un short-link che portava a una mappa di Google.

Come descrizioen della mappa la seguente frase:

Torna nel mio canala, dove tutto è iniziato con il primo indizio, troverai il tuo prossimo 8° indizio con un click.

Indizio #8

Una volta sul canale del mio profilo YouTube, bastava con un click a destra su box Informazioni selezionare Altro.

Avreste trovato questo link http://my.qrvoice.net/yjLcw8, un QR Code vocale che suggeriva di trovare il prossimo indizio in un BOX di DESIGN.

Indizio #9

Una volta andati su BoxDesign di JuliusDesign, al primo LINK nella sezione YouTube avreste trovato una email da contattare indizio9@juliusdesign.net.

Dove cercare era semplice, stiamo parlando di un progetto su YouTube, quindi la sezione corretta era appunto YouTube.

Indizio #10

L’ultimo indizio è stato inviato via email, un file ZIP protettao da password (4° Indizio), da scaricare con dentro una foto.

L’indizio era “nascosto” neio dettagli meta tag, visualizzabile con un click destro > Visualizza Dettagli Foto.

Nei dettagli vi era l’indicazione di inviare un SMS al un numero di cellulare e decretare la vincità di vero Sherlock.

E tu fino a quale indizio sei arrivato?

Oggi vi segnalo il Font Mosaic Leaf – Free Download

Quest font è molto creativo in quanto la composizione di ongi singolo carattere è formato da piccoli elementi grafici.

Questi elementi grafici possono ricordare delle foglie, quindi il suo utilizzo risulta ottimo anche per loghi per progetti con argomento natura.

Vediamo alcune applicazioni e presentazione del font:

Anche in questo caso ho avuto il grande piacere di ricevere il libro in omaggio, ringrazio molto l’amico e co-autore del libro Daniele Ghidoli.

Stanno arrivando diversi libri in omaggio dagli stessi autori che ringrazio molto, e spero che le mie segnalazioni possano essere di interesse anche per chi cerca di apprendere e migliorarsi con libri di settore.

Di Cosa Parla il Libro?

Il libro è arrivato alla sua seconda edizione, la prima si è guadagnata la nomina di bestseller nel settore programmazione con oltre 1300 copie vendute.

Una delle cose che mi ha dato molto sollievo e vedere un libro totalmente a colori, le screenshot ne giovano parecchio.

L’argomento focale, come da titolo, è la creazione di applicazioni per facebook, dall’installazione alla sua configurazione pratica con tanto di esempio di codici.

Inoltre vengono spesi alcuni capitoli nel far capire a chi legge quali altre tematiche bisogna conoscere, social media manager, sicurezza appliacazioni, social search, open graph e molte altre necessarie per avere una visione completa.

Interessante anche tutta la parte dedicata al mondo facebook e mobile nel quale scopriremo come utilizzare il pacchetto iOs SDK nella progettazione di applicazioni.

I Capitoli che mi sono piaciuti di più?

Il libro ha 364 pagine e 10 capitolo ricchi di esempi, note e consigli pratici su ogni argomento.

Anche in questo caso alcuni capitoli mi sono stati molto utili per individuare le mie lacune e confermare alcune tecniche e strategie.

Capitolo 2 – Casi di Studio

Molto interessante avere inserito come secondo capitolo i casi di studio, infatti dopo un capitolo di base ci vengono subito illustrati e descritti alcuni progetti nel quale scopriremo alcune applicazioni interessanti e la loro strategia.

Capitolo 4 – Le Graph API

In questo capitolo vengono descritte le nuove Graph API di facebook, come funzionano e come configurarle in modo corretto per applicazioni e siti web.

Capitolo 8 – Applicazioni su Dispositivi iOS

In questo capito viene descritto l’utilizzo del pacchetto iOS SDK di facebook che permette di progettare un’applicazione per mobile.

Qualche Pagina Rubata dal Libro

Per capire anche come è scritto e impaginato il libro rubo come al solito alcune pagine con il mio iPhone.

Proprio come una spia vi condivido alcune pagine per capire la semplicità di scrittura e lettura.

Consiglierei questo Libro a…

Il libro lo consiglierei a tutte quelle persone che vogliono capire da dove iniziare per creare applicazioni per facebook, e scoprire cosa attualmente hanno fatto gli altri.

Inoltre se vuoi definitivamente avere una guida completa passo passo da consultare durante lo svilippo di un’applicazione questo libro è per te!

Il Voto di JuliusDesign: 8/10

Facebook attualmente è il social network del momento, con il quale è possibile creare e organizzare strategie di social media marketing molto efficace.

Il libro a colori e scritto in un modo fluido ed efficace ti permetterà di apprendere le basi per la creazione della tua prima vera e propria applicazione facebook.

Inoltre avrai la possibilità di visionare e scaricare tutto il materiale didattico discusso nel libro da link dedicati.

Gli Autori

Gli autori del libro sono Roberto Marmo, Daniele Ghidoli e Angelo Iacubino.

Roberto Marmo

Laureato in Informatica e Dottore di Ricerca in Ingegneria Informatica. Consulente informatico e professore in Facoltà Ingegneria a Università Pavia e Facoltà Scienze MM.FF.NN. a Università Insubria-Como.

Daniele Ghidoli

Fondatore di BigThink.it, si occupa prevalentemente dello sviluppo e del coordinamento dei progetti tecnologici.

Si è specializzato nel Marketing su Facebook e nello sviluppo di Applicazioni Social, fa consulenza e formazione ad aziende ed agenzie.

Angelo Iacubino

Ingegnere informatico, si occupa di sviluppo software in ambito mobile e social mobile; è inoltre Project Manager presso il Dipartimento di Informatica dell’Università dell’Insubria e docente in master universitari e seminari didattici.

Vuoi una Recensione del Tuo Libro?

Hai scritto un libro interessante sul web e design?

Voi una recensione del tuo libro sul mio blog e hai un libro omaggio pronto per me? Richiedilo su book@juliusdesign.net.

Se il libro sarà interessante anche per i lettori, sarò felice di leggerlo e farlo conoscere sul blog.

Ogni raccolta avrà come ultimo elemento un esperimento davvero emozionante da visualizzare e studiare.

Questi codici e plugin, possono essere molto utili per i nostri progetti, e sono assolutamente da tenere tra i preferiti.

1. jQuery Collapse

jQuery Collapse è un interessante plugn jQuery, che permette di creare delle tendine a comparsa di contenuti.

2. 3x4Grid

3x4grid è un tool online che permette di creare e ottenere al volo, tramite drag&Drop, il codice HTML e CSS di un layout web.

3. TextExt

TextExt è un Plugn jQuery che permette di creare delle combo che si autocompletano durante la digitazione del testo.

4. CSS3ClickChart

CSS3ClickChart è un tool online che permette di simulare e ottenere il codice delle nuove classi CSS3 con un click.

5. ALAC Music Player

ALAC è un player musicale MP3 e ALAC files progettato in HTML5 e supportato su tutti i dispositivi mobile.

6. The Shapes of CSS3

The Shapes of CSS è una fantastica collezione di codice CSS3 per generare forme geometriche senza l’utilizzo di una grafica web.

7. GridPack

GridPack è un interessante strumento, che permette di generare in tempo reale una griglia Responsive Design per i nostri layout web.

8. Impress

Impress è una libreria JavaScript + CSS3, che permette di creare presentazioni interattive online 3D.

9. Syze

Syze è una libreria JavaScript che ha lo scopo di individuare tramite le Media Queries, con quale dispositivo si stia navigando e di conseguenza associare un foglio di stiel appropriato.

10. Solar System [Experiment]

Solar System è l’esperimento di oggi che voglio segnalarvi nella rubrica CoolCode, un sistema solare simulato in HTML5 e CSS3!

Vuoi segnalare un Codice davvero Cool?

Hai visto sul web un tool o esperimetno davvero cool?

Se vuoi vedere nella raccolta il tuo codice o strumenti che hai trovato sul web, non ti basta altro che inviare una segnalazione su coolcode@juliusdesign.net e verrà inserito nelle prossime raccolte.

ThemeForest è uno dei famosi marketplace, in cui è possibile acquistare o vendere template per diversi CMS, tra cui WordPress.

Il Responsive Web Design è una tecnica con la quale la realizzazione strutturale di un progetto web, viene eseguita con lo scopo di ottimizzare un layout a seconda delle dimensioni dello schermo o dispositivo mobile corrente.

Ho selezionato per voi alcuni Temi per WordPress Responsive Design, utili per studiare il codice sorgente HTML5 e CSS3 di un template WP, o da personalizzare per le proprie esigenze.

1. Alyeska Responsive WordPress Theme

2. Swagger Responsive WordPress Theme

3. Di’verso – A Flexible WordPress Theme

4. Lucky Times. Responsive

5. ShapeShifter 2 : Responsive, Flexible, One Page

6. Saviour – Responsive Creative WordPress Theme

7. William – Portfolio WordPress Theme

8. Modulo – Responsive premium theme

9. Agenci: Responsive Creative/Agency WordPress Theme

10. Gigawatt – WordPress Video Theme

11. Aware – Responsive WordPress Portfolio Theme

12. Zig Zag – Responsive WordPress Template

13. Lulu – Responsive WordPress Theme

14. Construct, a Responsive WordPress Blog/Folio Theme

15. Jigsaw – Responsive WordPress Theme

16. XO – Responsive Creative WordPress Theme

17. Reaction WP : Responsive, Rugged, Bold

18. Rising – Fully Responsive WordPress Theme

19. Artboard | FullScreen Portfolio + Blog

20. Circlus – Personal Portloio &v Card HTML5&CSS3 WP

21. Mercury Business Portfolio Theme by FriendlyThemes

22. WP Artisan Responsive Portfolio Theme

23. Knead – Responsive Portfolio WordPress Theme

24. Instyle – Responsive Portfolio Theme

25. SevenWonders – Clean Responsive WordPress Theme

Il video ricorda lo stile di quello dell’altra settimana di Philips, infatti anche questo video ha la grande progettazione in stile motion 360 gradi davvero notevole.

La comunicazione e i messaggi che trasmette questo video colpiscono molto e rafforzano in modo positivo la fiducia e la filosofia del brand.

Il video Nescafé: Hypnotist

Clicca qui per vedere il video incorporato.

Oggi vi segnalo Jam3.

Questo è il sito della Digital Design Agency Jam3 di Toronto, un’esperienza davvero interessante navigare al suo interno.

Infatti i ragazzi creativi per presentare i loro lavori e conoscere meglio l’agenzia, hanno deciso fi dall’inizio di dare la possibilità a chiunque di giocare.

Si avete capito bene, giocare con i loro lavori e progetti, in questo caso con il famoso gioco nel proteggere le proprie basi da missili dal cielo.

Inoltre è possibile visionare i loro lavori e premi, con news e contatti diretti.

Molto interessante la sezione di presentazione personale, niente da ridire un progetto molto creativo.

Clicca qui per vedere il video incorporato.

Come sapete sono generoso e voglio condividere con voi un video di lancio, e alcuni indizi sparsi per il web che vi permetteranno di capire di cosa si tratta.

Chi riuscirà a trovare il 10° indizio, avrà la possibilità di partecipare con me alla prima presentazione ufficiale del progetto.

Ricorda che ogni indizio porta esattamente a un altro indizio, fino a portarti all’ultimo, capirai…

Continua  a leggere perchè ti voglio regalare il primo indizio…

Indizio #2

Se dai uno sguardo tra i tag del video di lancio trovi app_151362534976501, strano per un video no?

Ovviamente questa concatenazione è riconducibile a una URL di un’applicazione su Facebook.

Cosa succede se alla URL della mia fan page attacchi il primo indizio app_151362534976501 ?

Accetti la Sfida?

Il progetto sarà totalmente gratuito, e potrai partecipare attivamente da YouTube o da questo blog, ok ora sto parlando troppo.

Se pensi che sia troppo difficile lascia perdere non fa per te, altrimenti continua a trovare gli indizi.

Oggi vi segnalo il Font Cubano – Free Download

Quest font è molto interessante nell’utilizzo in loghi, grazie soprattutto alla sua linea morbida molto 2.0.

Come al solito andiamo a vedere insieme il font al completo.