Ixi Studio se asoció con la casa productora Películas Imaginarias para aterrizar su mundo en una experiencia web con animación que logró un alto impacto. Para este proyecto, fue fundamental plasmar la esencia de su marca e identidad visual en un entorno digital memorable, garantizando una excelente usabilidad y un consumo de contenido ágil.
Películas Imaginarias se fundó gracias a la fascinación por el cine de su director, Mario Muñoz. Su objetivo había sido contar historias a través del medio audiovisual, mismas historias que nacían en la imaginación de sus creadores y que buscaban hacerse realidad.
Concepto y línea gráfica para la experiencia web con animación
Considerando el concepto de marca y la admiración de Mario por el legendario cineasta Alfred Hitchcock, se optó por incorporar en el sitio web constantes alusiones a la obra de este brillante director, productor y guionista.
Las referencias cinematográficas y demás recursos creativos se plasmaron en un estilo gráfico que sumergía al usuario en un lienzo de colores primarios y básicos, pero con la naturalidad de un boceto recién trazado, casi como si las ideas cobraran vida directamente del lápiz. Aquí, todo respiraba y se movía con un sentir orgánico, invitando a explorar un mundo imaginativo donde la creatividad no tenía límites.
Preparados, cámara, acción
En la portada se podía escoger entre dos idiomas para navegar el sitio web: español o inglés. También se presentaba un elemento visual mientras el sitio web cargaba progresivamente las siguientes secciones.
Ya en la página principal, se podía apreciar el logo en el centro de su mundo, un menú de navegación a modo de señales de dirección que incluía accesos a sus redes sociales, y pequeñas nubes de color a las que se podía hacer clic para informarse sobre las últimas noticias de la marca.
Una mirada íntima dentro de Películas Imaginarias
En la sección de Quiénes Somos, en la parte superior, se veía una ventana con una cámara fotográfica al lado, que apuntaba hacia afuera e invitaba al usuario a mirar.
Al acercarse, el usuario accedía a una pantalla interactiva de transición con una referencia definitiva de la película La Ventana Indiscreta (Rear Window en inglés) de Alfred Hitchcock. Aquí se podía mover la perspectiva de la escena con el cursor para obtener el mejor ángulo y ver los sucesos sospechosos que acontecían en el departamento de enfrente. Se usaba la cámara para acercar la vista, y finalmente se podía echar una mirada a la parte más íntima dentro de esta casa productora.
Cine y Televisión
En la sección de Cine y Televisión, ubicada hacia la izquierda de la pantalla, se observaba un cinema de la época de los 60, al cual se podía entrar libremente. Una vez en su vestíbulo, el usuario elegía uno de los 3 largometrajes que la casa productora había creado en su momento. El usuario seleccionaba la película de su preferencia para luego ser transportado a la sala de proyección y “sentarse” a disfrutar de la presentación con unas palomitas en la mano.
Al deslizar el cursor sobre la caja de palomitas, se desplegaba la sinopsis y un botón para ver un segundo tráiler de la película.
Publicidad
A la derecha de la pantalla se ubicaba la sección de Publicidad. En su entrada, se colocaba una escalera entre nubes. La escalera era un recurso cinematográfico que utilizaba Hitchcock en 39 películas y en varias de sus escenas más famosas. Al “subir” por las escaleras se llegaba a una sala, detrás de las cámaras, donde se sentaban los directores cinematográficos que formaban parte del equipo de Películas Imaginarias. Su principal director, Mario Muñoz, con un café en la mano y calzando sus “Converse”. Y en el centro de la pantalla, una avioneta como referencia a la película Intriga Internacional, o North by Northwest en inglés, de Alfred.
Al dar clic en cada director, la cámara se acercaba y se mostraba una hoja con los comerciales publicitarios realizados por el director seleccionado. El usuario seleccionaba el comercial que deseaba ver y éste se reproducía dentro del reproductor de video diseñado exclusivamente para fortalecer la marca en cada vista.
Contacto
La sección de contacto, en la parte inferior, nos llevaba al sótano de este mundo donde además se encontraba un elemento clave para entender la referencia de esta sección: la máquina de escribir que Joseph Stefano utilizaba para escribir el guion de Psicosis, o Psycho en inglés; una de las películas más apreciadas en el género del horror en la historia del cine. Y en nuestro caso, una pieza interactiva creada para que el usuario pudiera sentir la magia del cine en sus manos, ya que al hacer clic en la máquina de escribir, la cámara hacía un zoom y le permitía al usuario escribir su mensaje a través de ésta.
Características adicionales
Además de ser una pieza de branding de alto impacto, la experiencia web con animación cuenta con características adicionales que le dan aún más potencia a la marca digital.
Sistema de gestión de contenidos
A pesar de la complejidad del sitio web en aspectos técnicos, el diseño le permitía al equipo de Imaginaria actualizar los contenidos del sitio de manera sencilla, sin necesidad de saber código y de forma inmediata. Los contenidos de las noticias en la portada, ya fuesen en video, imagen o textos así como los videos creados por los directores se podían editar a través del sistema de gestión de contenidos desarrollado a la medida.
App de intercambio de archivos para clientes
Además, la plataforma funcionaba como una app para el intercambio de archivos con sus clientes. Así, el equipo de Películas Imaginarias podía hacer sus presentaciones de proyecto dentro de una app completamente personalizada para su marca y lograr un mayor impacto frente a sus clientes.
El enlace oculto
Estas características fueron accesibles mediante un enlace oculto en el sitio web que se proporcionaban directamente a sus usuarios. ¿Dónde crees que estaba escondido el enlace? (*)
Pista: Estaba en la única referencia a las películas de Hitchcock que aún no hemos mencionado.
Conclusión
Ixi Studio colaboró con Películas Imaginarias para crear una experiencia web animada de alto impacto, capturando su esencia de marca y su identidad visual. La inspiración principal fue Alfred Hitchcock, reflejando la fascinación del director Mario Muñoz por el cine.
El sitio web presentaba un estilo gráfico de boceto con colores primarios, sumergiendo al usuario en un mundo imaginativo.
Además, la plataforma contaba con un sistema de gestión de contenidos para facilitar la actualización de contenidos sin necesidad de códigos, y un sistema de intercambio de archivos personalizado para clientes, mejorando el impacto en la presentación de proyectos.
Enlaces relacionados
Para recibir más información sobre proyectos de experiencia web con animación, y otros proyectos creados por Ixi, ¡suscríbete a nuestro boletín o síguenos en nuestras redes sociales!
(*) Respuesta: El enlace oculto estaba en la única referencia que aún no hemos mencionado: el pájaro en el menú de navegación. Esta es una referencia a la película Los pájaros (The Birds en inglés).
