Explainer video IMCA

Animación

Detalles del proyecto

Cliente: IMCADOM

Productora: Global Phaena

Diseño: Cliente

Animación: José Pepín

Duración: 2:15 minutos

Objetivo: Educar a los clientes de IMCADOM sobre el uso de su plataforma web

El resultado

Una explicación que podría tomar hasta 10 minutos en persona fue reducida a solo dos minutos y está disponible para ser visualizada por todos los clientes de IMCADOM. Un contenido claro, de fácil entendimiento y bien ilustrado que permite al usuario absorber todo la información necesario en cuestión de minutos.

(El tutorial que explica el uso de la página es exclusivo para los clientes de IMCADOM)

El proceso

Los requerimientos fueron entregados a la productora junto con un moodboard y todas las pantallas vectoriales de la navegación del sitio web de IMCADOM. La agencia explicó  que desean lograr y los detalles más técnicos del material audiovisual.

Luego de analizar todo el material y ver otros proyectos audiovisuales realizados para IMCADOM en el pasado, llega el momento de preparar todo los elementos gráficos necesarios para la animación. La separación en capas de cada una de las vistas de pantalla del sitio web y demás recursos vectoriales.

Elementos separados previamente en illustrator para poder animarlos en After effects

Toda la animación fue diseñada para reproducir el comportamiento real del website. Esta animación es a su vez acentuada con elementos de apoyo para mantener concentrada la atención del espectador en el lugar indicado de la pantalla.

Algunos preguntarán ¿Por qué no grabar la pantalla simplemente? Tres razones:

1. En primer lugar porque no puede garantizar la calidad de la imagen usando una captura de pantalla. No podría realizar acercamientos extremos o aislar secciones que en realidad están acompañadas de otros elementos en el sitio web.

Login IMCA

2. Otra razón es la capacidad para hacer cambios de forma mucho más sencilla una vez terminado el proceso. Imagine que luego de terminado el tutorial se decide que se cambiará el color al header de la página web porque no funciona como esperaban en las pruebas de diseño. Eso implicaría volver a grabar todo el tutorial desde cero, a diferencia de la animación basada en imágenes vectoriales que puede simplemente modificar los elementos que cambiaron y conservar el resto.

dashboard IMCA

3. Por último el enorme dinamismo agregado por la animación de los elementos y los acentos que dan vida al contenido no se pueden lograr luego de grabar la pantalla de un computador en tiempo real.

Interactiviad IMCA

Let's talk

¡Gracias! Hemos recibido tu mensaje. Puede que nos tome unas horas
responderte. Puede que quieras ver una película mientras esperas.
Oops! Algo está mal. Revisalo otra vez por favor.