Adobe incarica Method, Inc. di creare Smashstatusquo.com e Defytherules.com

La decisione di progettare due siti Web per la nuova campagna pubblicitaria di Adobe Systems fu giudicata inizialmente poco sensata da Method, Inc. di San Francisco. Il cliente era noto e le linee guida per il progetto erano quanto di più estremo Method avesse mai visto: realizzate due siti sperimentali, spingetevi oltre i limiti e (per favore) cercate di creare qualcosa di accattivante.

Ma per Method un tale livello di libertà creativa si rivelò ben presto sconcertante. Il piano non richiedeva alcuna revisione di design fino a due settimane prima della data di scadenza e fino a quel momento i designer di Method non poterono sapere se il cliente avrebbe apprezzato ciò che avrebbe visto. "Abbiamo fatto la prima presentazione tramite videoconferenza e, al termine, ci fu un silenzio interminabile" ricorda uno dei membri dell'azienda. "Pensavamo fosse stato un fallimento".

Infine una voce ruppe il silenzio. "Non è ciò che ci aspettavamo".

I designer di Method si scambiarono sguardi e il loro stomaco ebbe un fremito. "Potreste essere più precisi?" chiese Kevin Farnham, CEO di Method.

"Non è per nulla ciò che ci aspettavamo." Altra pausa. "E' molto meglio."

L'azienda ebbe un sospiro di sollievo collettivo, e con tutte le ragioni. Adobe aveva assegnato a Method un compito altrettanto rivoluzionario quanto la stessa campagna pubblicitaria Young and Rubicam. La campagna consiste di due messaggi pubblicitari, uno dei quali mostra l'immagine di una nonnina che percorre un ponte su una bicicletta in impennata e l'altro mostra un gruppo di uomini che indossano cravatte in fiamme. I messaggi pubblicitari sono privi di testo a parte gli URL dei minisiti di Method in Smashstatusquo.com e Defytherules.com. I minisiti servono per mostrare la collezione degli strumenti di design Web prodotti da Adobe.

Adobe aveva previsto un mese di tempo per il progetto e il controllo creativo che lasciò a Method fu causa all'inizio di alcuni momenti difficili. "Le aziende di design affermano sempre di volere più libertà, ma quando si ha troppa libertà, in alcuni casi non si sa cosa fare" afferma Farnham. Ma dopo avere riflettuto per alcuni istanti aggiunge: "solo in un primo momento".

Il team impiegò tre giorni per lavorare sui concetti intorno a una lavagna luminosa. "Sapevamo che quando si usa un programma di software si entra in un nuovo mondo e ogni programma è un mondo a parte" ricorda uno dei membri. "Decidemmo di ingrandire gli elementi di interfaccia allo scopo di creare, per l'osservatore, l'impressione di trovarsi dentro quei mondi".

I "mondi" dei due siti sono stati creati in modi diversi. Smashstatusquo.com usa un'immagine di sfondo di 1.476x2.196 pixel, che è circa tre volte le dimensioni di un normale browser Web. Facendo clic sui pulsanti, l'utente può spostarsi sulla pagina ed entrare in altri mondi: Adobe® Premiere®, Illustrator®, Photoshop®, GoLive® ed After Effects® . Ad ogni stazione, livelli DHTML sovrapposti e in movimento spiegano come i vari strumenti sono stati usati per produrre il sito.

Defytherules.com, invece, è una singola pagina HTML composta da oltre 80 livelli DHTML. Lo spostamento in essa è controllato da una serie di pulsanti. Quando il visitatore fa clic su un pulsante, nuovi livelli vengono sovrapposti ai vecchi, con l'effetto di un viaggio attraverso il processo di design Web.

Dopo il lavoro di concetto, il team catturò centinaia di immagini di schermo delle interfacce dei prodotti Adobe e usò Photoshop per ingrandirle, allo scopo di creare nel visitatore l'impressione di essere dentro il prodotto.

Olivier Chètelat, capo designer per Smashstatusquo.com, passò al setaccio le immagini catturate dallo schermo e creò le basi per lo sfondo del sito in Photoshop. Mentre la creazione del sito procedeva, i membri del team produssero gli effetti di movimento in sovrapposizione attraverso i livelli di Photoshop e poi li ottimizzarono e li salvarono separatamente come file GIF e JPEG. Quindi presero tutti i pezzi e li trasformarono in un'enorme pagina HTML con GoLive. Henrikk Karlsson di Method, un interno di nazionalità svedese, creò la funzionalità di spostamento unica del sito attraverso azioni Moveto di GoLive che spostano lo sfondo in posizioni predefinite.

Il team di Defytherules.com fu diretto da Thomas Noller, programmatore e designer di nazionalità tedesca. L'approccio adottato fu leggermente diverso, in quanto il team lavorò ampiamente in Illustrator e in Photoshop per creare le immagini e ne importò subito la maggior parte in GoLive. L'enorme numero di livelli resero il lavoro molto delicato, anche a causa delle differenze nel modo in cui i browser li interpretano. Nonostante ciò il team si divertì a usare ImageReady(tm) per far ondeggiare al vento la sciarpa della nonnina.

Altri designer di Method, fra cui Bob Connelly, aggiunsero ai siti alcuni filmati di After Effects, ma Adobe per la gran parte rimase a guardare. "Non volevano influenzare la nostra linea creativa" afferma Farnham. "In alcuni casi hanno richiesto modifiche nel modo di visualizzazione di loghi, ma a parte questo hanno lasciato tutto a noi".

Alla fine è stato un bene, perché in Method sono stati costretti a concentrare tutte le forze per rispettare la breve scadenza. Oltre a tre notti intere di lavoro, il team ha avuto bisogno di iniziare numerose sessioni di primissima mattina. Nonostante questo però nessuno si è lamentato. "Nel complesso è stato un grande progetto," afferma Chètelat. "Adobe ha messo tutto nelle nostre mani e questo è positivo. Ma per un po' non parlatemi più di lavori di questo genere. Tutti abbiamo perso ore di sonno e molti di noi non sono neppure riusciti a vedere le loro fidanzate." E, dopo una breve pausa: "Vi raccomando di scriverlo. E' importante."