Página de aterrizaje bilingüe para Chillz App

Chillz N.L.E Ltd. necesitaba una página de aterrizaje bilingüe moderna y profesional para mostrar su aplicación. Mi objetivo era diseñar y construir una página de aterrizaje responsiva para ayudar a Chillz N.L.E Ltd. a alcanzar sus objetivos. El resultado final de este proyecto fue una página de aterrizaje totalmente funcional y adaptable.

Fase 1: Creación de contenidos

Para dar el pistoletazo de salida al proyecto, el cliente nos proporcionó el contenido escrito y los recursos que se utilizarían como referencia y se incorporarían al diseñar la página de aterrizaje. Juntos, determinamos el orden más lógico en el que presentaríamos la información y qué elementos visuales comunicarían mejor cada característica.

Fase 2: Diseño & Desarrollo

Busqué inspiración en el diseño de la próxima aplicación móvil de Chillz para contribuir a una representación cohesiva de la marca en todos los medios. Creé maquetas que mostraban las características de la aplicación y decoré la página de aterrizaje con círculos y manchas para imitar la pantalla principal de la aplicación. El cliente quería animaciones prominentes y alternantes que wow sus usuarios. Esto se consiguió inicialmente con la animación de la Chillz Card. Quería transmitir que la Chillz Card es un objeto físico que se puede tocar y experimentar en el mundo real, así que le di la animación más destacada y utilicé transformaciones 3D en scroll para comunicar su carácter físico.

‍

Fase 3: Funcionalidad bilingüe & Optimización

Chillz tiene su sede en Tel Aviv (Israel) y atiende principalmente a ese mercado, por lo que eran necesarias versiones en inglés y hebreo para que la página fuera accesible a hablantes de ambos idiomas. Creé un conmutador de idiomas en la cabecera que cambiaba entre las dos versiones, con el inglés por defecto. Para crear la versión hebrea primero tuve que cambiar la orientación de la mayor parte del contenido a de derecha a izquierda. No sólo el hebreo se lee de derecha a izquierda, sino que incluso las imágenes y los botones se ven de derecha arriba a izquierda abajo para los lectores de derecha a izquierda. Una vez ajustado el diseño, sustituí todo el texto en inglés por texto en hebreo. Ambas páginas se optimizaron para múltiples tamaños de pantalla, así como para tabletas y móviles. Sin embargo, nos encontramos con un problema antes de finalizar el proyecto. El diseño no se mostraba correctamente en Safari para los usuarios de Mac. Después de algunas pruebas y errores, descubrí que el problema era que casi todos los envoltorios de imagen estaban configurados en flex stretch vertical, que el navegador Safari interpreta literalmente. Este problema se solucionó rápidamente cambiando el diseño de las envolturas de imagen a flex center align, con lo que se consiguió una experiencia casi universal en los principales navegadores web.

Chillz tiene ahora una hermosa página de aterrizaje con animaciones atractivas que informarán a los nuevos usuarios e impulsarán las descargas de la aplicación.

Me encanta lo que hemos conseguido. Gran trabajo, Matthew.
- Yoav M.