Comment ils l'ont fait “Des années de vie dangereuse” EPK Microsite

Demitri Alexander est le directeur artistique de l'équipe interactive et motion de Propoint. Je lui ai récemment posé des questions sur le projet Years of Dangerously EPK Microsite, construit avec Adobe Muse. Jetez un coup d'œil au microsite en action ci-dessous, puis lisez ce que Demitri avait à dire sur son processus de construction.!

L'interview

Bonjour Demitri, merci d'avoir pris le temps de répondre à quelques questions pour nous! En quelques mots, parlez-nous du projet EPK Microsite «Years of Danger Dangerously».

Showtime avait besoin d'un moyen de faire connaître sa série documentaire révolutionnaire primée aux Emmy Awards sur le changement climatique. Dans des circonstances normales, leur équipe de relations publiques créerait un dossier de presse sur papier à partager avec les médias. Le papier et son impact environnemental ne semblaient pas être la bonne approche.  

Les dirigeants de Showtime voulaient quelque chose d’innovant pour attirer et retenir rapidement l’attention des journalistes de divertissement actifs. Ils nous ont donc demandé chez Propoint de créer un kit de presse numérique (également appelé EPK ou Electronic Press Kit). Heureusement, leur équipe d’imprimerie interne a réalisé des photographies et des vidéos haute résolution de haute qualité. Il était logique de construire un microsite offrant une expérience dynamique et mémorable tout en fournissant les détails nécessaires sur la série..

En tant qu’entreprise, vous offrez de nombreux services de conception et vous vous appuyez sur de nombreux outils de conception. C’est pourquoi vous avez choisi Adobe Muse pour ce projet.?

Adobe Muse nous a permis de nous mobiliser rapidement et de respecter les délais serrés de Showtime. Ils ont eu besoin du microsite dans un mois! En tant que développeur HTML, je ne sais pas si nous aurions pu prendre en charge ce projet et parvenir au même niveau de qualité. Muse nous a permis d’utiliser plus de membres de notre équipe de conception, pas seulement ceux qui connaissent le HTML. Nos concepteurs non interactifs ont créé et modifié des mises en page afin que notre équipe interactive puisse travailler sur des tâches interactives plus difficiles..

Lorsque vous travaillez sur un projet Adobe Muse, utilisez-vous beaucoup d'autres applications de conception, telles que Adobe Photoshop et Adobe Illustrator, par exemple? Comment trouvez-vous qu'ils travaillent ensemble?

Avec Muse, éviter de bloquer des dessins ou des structures filaires dans Photoshop ou Illustrator et commencer à bloquer les mises en page pendant l’écriture du code permet aux clients de voir les versions interactives de leurs sites dès le début. Muse a une excellente intégration dans Photoshop, cela nous a permis d’utiliser des fichiers PSD pendant que nous aménagions le site et continuions à mettre à jour ce fichier sans avoir à réimporter. La fonctionnalité des états des boutons permettait de gagner beaucoup de temps. Vous pouvez importer un fichier PSD et choisir tous les états d'un bouton dans ce fichier.. 

Avez-vous découvert qu'Adobe Muse proposait tous les outils interactifs nécessaires au projet? Est-ce que cela vous a incité à utiliser des approches que vous n'auriez pas autrement?

Muse n'offrait pas tout, mais il intégrait une bonne base d'outils interactifs, tels que «Scroll Motion» (également appelé animation de parallaxe), des galeries d'images et la possibilité de faire défiler des sections d'un site à l'aide du menu de navigation. Ces fonctionnalités, ainsi que les autres widgets intégrés, nous ont permis de créer rapidement des sites interactifs simples.. 

Ensuite, il y a eu les mises à jour du cloud. Ils ont continué d'affiner et d'ajouter de nouveaux outils au fur et à mesure que nous travaillions sur le projet. Il était donc important de maintenir le logiciel à jour et était un bon signe de l'engagement d'Adobe pour son produit..

Existe-t-il des aspects du projet que vous avez trouvé particulièrement difficile à développer avec Adobe Muse??

Puisque nous travaillions avec l'équipe d'impression de Showtime, nous devions intégrer d'autres fonctionnalités riches en supports, telles que des fonctionnalités vidéo spécifiques, des polices personnalisées et du javascript, que Muse ne prenait pas en charge à l'époque.. 

Nous avons accompli cela et étendu les capacités de Muse en collant des extraits de code, en exportant l'intégralité du site HTML et en incorporant notre propre code personnalisé. En outre, nous avons créé le microsite à l'aide de la version 32 bits d'Adobe, qui a commencé à montrer ses limites à mesure que le site grandissait et devenait plus complexe. Heureusement, Adobe a depuis publié une version 64 bits qui convient mieux à un projet de cette envergure et de cette envergure.. 

Quels sont les aspects les plus intéressants du travail avec Adobe Muse??

Ce serait la vitesse à laquelle nous pourrions créer des structures filaires interactives et des sites utilisables pour les clients; et la possibilité d'inviter des concepteurs non interactifs à travailler dans le monde interactif, rien qu'avec leur connaissance des autres applications Adobe..

Il ne semble pas y avoir de design spécifique à un mobile pour ce site, était-ce une décision délibérée??

Le public pour ce projetest généralement habitué aux dossiers de presse imprimés; notre objectif était donc de disposer d'un ordinateur de bureau et d'une version de tablette qui leur plaisent. 

Nous avons travaillé dans plusieurs modifications mobiles pour la version tablette, car notre vidéo de héros pleine largeur et toutes les fonctionnalités de parallaxe ne fonctionneraient pas aussi facilement sur les appareils mobiles..

Liens utiles

  • Des années de vie dangereusement
  • Propoint
  • Demitri Alexander
  • Tout sur Adobe Muse