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, 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. Allí 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. Así, 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. Entonces, 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 utilizó Hitchcock en 39 películas y en varias de sus escenas más famosas. Posteriormente, 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 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.
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. Allí, 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 utilizó 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 contaba con características adicionales que le daban aún más potencia a la marca digital.
Sistema de gestión de contenidos
A pesar de la complejidad técnica del sitio web, el diseño permitía al equipo interno actualizar contenidos de forma sencilla e inmediata, sin saber código. Las noticias de la portada (videos, imágenes, textos) y los videos publicitarios se editaban a través de éste sistema desarrollado a la medida.
App de intercambio de archivos para clientes
Adicionalmente, la plataforma funcionaba como una app para el intercambio de archivos con sus clientes. Así, el equipo interno podía hacer presentaciones de proyecto dentro de una app completamente personalizada y lograr un mayor impacto frente a sus usuarios.
El enlace oculto
Estas características fueron accesibles mediante un enlace oculto en el sitio web que se proporcionaba 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. Por otra parte, 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.
La plataforma contaba con un sistema de gestión de contenidos para facilitar actualizaciones sin necesidad de códigos. También, incluía 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).
![Claqueta de cine con el logo de Películas Imaginarias y botones para seleccionar español o inglés.]()
![Un pájaro posado en un cartel con flechas que indican diferentes direcciones, representando un menú de navegación.]()
Nuestro amigo emplumado
