Come hanno fatto Microsite EPK Anni di vita pericolosamente

Demitri Alexander è il direttore artistico del team interattivo e di movimento di Propoint. Di recente gli ho fatto alcune domande sul progetto Microsite di Years of Living Dangerously EPK, realizzato con Adobe Muse. Dai un'occhiata al microsito in azione qui sotto, poi leggi cosa ha detto Demitri sul suo processo di costruzione!

L'intervista

Ciao Demitri, grazie per aver dedicato del tempo a rispondere ad alcune domande per noi! Solo brevemente, parlaci del progetto "Anni di vita pericolosamente" del microsito EPK.

Showtime aveva bisogno di un modo per pubblicizzare la sua serie di documentari vincitori di premi Emmy sul cambiamento climatico. In circostanze normali il loro team di PR creerebbe una cartella stampa cartacea da condividere con i media. La carta e il suo impatto ambientale non sembravano l'approccio giusto.  

I dirigenti di Showtime volevano qualcosa di innovativo per catturare rapidamente e attirare l'attenzione dei reporter di intrattenimento, quindi ci hanno chiesto a Propoint di creare un kit per la stampa digitale (chiamato anche EPK o Electronic Press Kit). Fortunatamente il loro team di stampa interno ha fatto scattare foto e video ad alta risoluzione. Era logico costruire un microsito che offrisse un'esperienza dinamica e memorabile pur fornendo i dettagli necessari sulla serie.

Offri una serie di servizi di progettazione come una società e ti basti su molti strumenti di progettazione come risultato: cosa ti ha spinto a scegliere Adobe Muse per questo progetto?

Adobe Muse ci ha permesso di mobilitare rapidamente e rispettare la ristretta scadenza di Showtime. Avevano bisogno del microsito in un mese! Come sviluppatore HTML, non so se saremmo stati in grado di affrontare questo progetto e raggiungere lo stesso livello di qualità. Muse ci ha permesso di utilizzare più del nostro team di progettazione, non solo quelli che hanno familiarità con HTML. I nostri progettisti non interattivi hanno creato e modificato i layout in modo che il nostro team interattivo potesse lavorare sulle attività interattive più complesse.

Quando lavori su un progetto Adobe Muse, quanto ti affidi ad altre applicazioni di design, come ad esempio Adobe Photoshop e Adobe Illustrator? Come trovi che lavorano insieme?

Con Muse è un enorme lusso saltare blocchi di disegni o wireframe in Photoshop o Illustrator e iniziare a bloccare i layout mentre il codice viene scritto, in questo modo i client possono vedere le versioni interattive dei loro siti fin dall'inizio. Muse ha una grande integrazione con Photoshop, ci ha permesso di usare i file PSD mentre abbiamo creato il sito e abbiamo continuato a fare aggiornamenti su quel file senza dover reimportare. La funzionalità degli stati del pulsante è stata un grande risparmio di tempo. Puoi importare un PSD e scegliere tutti gli stati per un pulsante all'interno di quel file. 

Hai trovato che Adobe Muse offriva tutti gli strumenti interattivi necessari per il progetto? Ti ha ispirato ad usare approcci che altrimenti non avresti?

Muse non offriva tutto, ma creava una buona base di strumenti interattivi, come "Scroll Motion" (noto anche come animazione di parallasse), gallerie di immagini e la possibilità di scorrere le sezioni su un sito di una pagina usando la navigazione del menu. Queste funzionalità, insieme agli altri widget integrati, ci hanno dato la possibilità di creare rapidamente siti interattivi semplici. 

Poi ci sono stati gli aggiornamenti del cloud. Continuarono a perfezionare e ad aggiungere altri strumenti mentre lavoravamo al progetto, quindi mantenere aggiornato il software era importante e un buon segno dell'impegno di Adobe nei confronti del suo prodotto.

Ci sono stati alcuni aspetti del progetto che hai trovato particolarmente stimolante da creare usando Adobe Muse?

Dato che stavamo lavorando con il team di stampa di Showtime, abbiamo dovuto aggiungere altre funzionalità multimediali - come funzionalità video specifiche, caratteri personalizzati e javascript - che Muse non supportava al momento. 

Abbiamo realizzato questo e ulteriormente esteso le funzionalità di Muse incollando in frammenti di codice e esportando il sito completo html e incorporando il nostro codice personalizzato. Inoltre, abbiamo creato il microsito utilizzando la versione a 32 bit di Adobe, che ha iniziato a mostrare i suoi limiti man mano che il sito cresceva e diventava più complesso. Fortunatamente, Adobe ha rilasciato una versione a 64 bit che è più adatta per un progetto di questa portata e portata. 

Quali aspetti del lavoro con Adobe Muse trovi più interessanti?

Dovrebbe essere la velocità con cui possiamo creare wireframe interattivi e siti utilizzabili per i clienti; e la capacità di portare designer non interattivi a lavorare nel mondo interattivo solo con la loro conoscenza di altre app Adobe.

Non sembra esserci alcuna progettazione specifica per questo sito Web, è stata una decisione deliberata?

Il pubblico per questo progettoè generalmente abituato a stampare i kit di stampa, quindi il nostro obiettivo era avere una versione per desktop e tablet che potesse attirarli. 

Abbiamo lavorato su diverse modifiche mobili per la versione tablet perché il nostro video di eroe a larghezza intera e tutte le funzionalità di parallasse non funzionavano perfettamente sui dispositivi mobili.

link utili

  • Anni di vita pericolosamente
  • Propoint
  • Demitri Alexander
  • Tutto su Adobe Muse