Cómo lo hicieron “Años de vida peligrosamente” Micrositio EPK

Demitri Alexander es el director de arte del equipo interactivo y de movimiento de Propoint. Recientemente le hice algunas preguntas sobre el proyecto Microsite EPK de Years of Living Dangerously, construido con Adobe Muse. Mire el micrositio en acción a continuación, luego lea lo que Demitri tenía que decir sobre su proceso de construcción.!

La entrevista

Hola Demitri, ¡gracias por tomarse el tiempo para responder algunas preguntas para nosotros! Solo brevemente, cuéntenos sobre el proyecto del micrositio EPK "Años de vivir peligrosamente".

Showtime necesitaba una forma de dar a conocer su innovadora serie de documentales ganadora del premio Emmy sobre el cambio climático. En circunstancias normales, su equipo de relaciones públicas crearía un kit de prensa en papel para compartir con los medios. El papel y su impacto ambiental simplemente no parecían ser el enfoque correcto.  

Los ejecutivos de Showtime querían algo innovador para captar y mantener rápidamente la atención de los ocupados reporteros de entretenimiento, por lo que nos pidieron en Propoint crear un kit de prensa digital (también llamado EPK o Electronic Press Kit). Afortunadamente, su equipo de impresión interno tenía algunas fotografías y videos de alta resolución muy bien filmados. Tenía sentido construir un micrositio que ofreciera una experiencia dinámica y memorable a la vez que proporcionaba los detalles necesarios sobre la serie..

Usted ofrece una serie de servicios de diseño como empresa y, como resultado, se apoya en muchas herramientas de diseño, lo que le hizo elegir Adobe Muse para este proyecto?

Adobe Muse nos permitió movilizarnos rápidamente y cumplir con la fecha límite ajustada de Showtime. ¡Necesitaban el microsite dentro de un mes! Como desarrollador de HTML, no sé si hubiéramos podido asumir este proyecto y llegar al mismo nivel de calidad. Muse hizo posible que usáramos más de nuestro equipo de diseño, no solo aquellos familiarizados con HTML. Nuestros diseñadores no interactivos crearon y modificaron diseños para que nuestro equipo interactivo pudiera trabajar en las tareas interactivas más difíciles..

Al trabajar en un proyecto de Adobe Muse, ¿cuánto depende de otras aplicaciones de diseño, como Adobe Photoshop y Adobe Illustrator, por ejemplo? ¿Cómo encuentras que trabajen juntos??

Con Muse, es un gran lujo omitir el bloqueo de diseños o marcos de alambre en Photoshop o Illustrator y comenzar a bloquear diseños mientras se escribe el código, de esta manera los clientes pueden ver versiones interactivas de sus sitios desde el principio. Muse tiene una gran integración con Photoshop, nos permitió usar archivos PSD mientras diseñábamos el sitio y continuábamos actualizando ese archivo sin tener que volver a importar. La característica de estados de botón fue un gran ahorro de tiempo. Puede importar un PSD y elegir todos los estados para un botón desde ese archivo. 

¿Encontró que Adobe Muse ofreció todas las herramientas interactivas que necesitaba para el proyecto? ¿Te inspiró a utilizar enfoques que de otro modo no habrías tenido??

Muse no lo ofreció todo, pero se basó en una buena base de herramientas interactivas, como "Scroll Motion" (también conocida como animación de paralaje), galerías de imágenes y la capacidad de desplazarse a las secciones en el sitio de una página con la navegación del menú. Estas características, junto con otros widgets integrados, nos dieron la capacidad de crear rápidamente sitios interactivos simples. 

Luego estaban las actualizaciones de la nube. Continuaron refinando y agregando más herramientas a medida que trabajábamos en el proyecto, por lo que mantener el software actualizado era importante y una buena señal del compromiso de Adobe con su producto..

¿Hubo algún aspecto del proyecto que encontraste particularmente difícil de construir utilizando Adobe Muse??

Desde que trabajamos con el equipo de impresión de Showtime, tuvimos que incorporar otras funciones multimedia, como funcionalidad de video específica, fuentes personalizadas y javascript, que Muse no admitía en ese momento.. 

Lo logramos y ampliamos aún más las capacidades de Muse pegando fragmentos de código y exportando el sitio html completo e incorporando nuestro propio código personalizado. Además, construimos el micrositio utilizando la versión de Adobe de 32 bits, que comenzó a mostrar sus limitaciones a medida que el sitio crecía y se hacía más complejo. Afortunadamente, Adobe ha lanzado una versión de 64 bits que se adapta mejor a un proyecto de esta escala y alcance.. 

¿Qué aspectos del trabajo con Adobe Muse le resultan más atractivos??

Tendría que ser la velocidad a la que podemos crear wireframes interactivos y sitios utilizables para los clientes; y la capacidad de traer diseñadores no interactivos para trabajar en el mundo interactivo solo con su conocimiento de otras aplicaciones de Adobe.

No parece haber ningún diseño específico para dispositivos móviles para este sitio web, fue una decisión deliberada?

La audiencia para este proyecto.está generalmente acostumbrado a los kits de prensa impresos, por lo que nuestro objetivo era tener una versión de escritorio y una tableta que les atrajera. 

Trabajamos en varias modificaciones móviles para la versión de la tableta porque nuestro video de héroe de ancho completo y todas las funciones de paralaje no funcionarán tan bien en los dispositivos móviles.

Enlaces útiles

  • Años de vivir peligrosamente
  • Propocionar
  • Demitri alexander
  • Todo sobre Adobe Muse