Shapes of Life
Test de Personalidad de Roca
Shapes of life es el proyecto basado en un test de personalidad interactivo para Roca, una web responsive centrada en un conjunto de preguntas que definen tu personalidad, con el objetivo de descubrir cuál es tu baño ideal.
- AI
- UI / UX
- IxD
- Web Development
- Tótem interactivo
- Web App
Product design
El test está diseñado priorizando los dispositivos mobile y centrado en la experiencia de usuario. Se basa en 12 preguntas A/B que generan una personalidad asociada a un tipo de baño, dependiendo de cada elección. Las preguntas están enfocadas para que el proceso sea ágil y rápido, utilizando elementos visuales como imágenes representativas y textos que definen claramente cada opción.
El resultado del test se divide en varias secciones que forman parte de la campaña. Por una parte, el vídeo promocional de cada personalidad. Por otra parte, la descripción de la misma, que define cuál es el resultado, seguido del baño que corresponde a la personalidad. Finalmente, encontramos el listado de productos que ofrece la posibilidad de comprar los productos que aparecen en tu baño ideal. Complementamos el resultado con la posibilidad de ver el resto de baños y posibilidades que ofrece la compañía.
Proceso Creativo
Contemplamos el proyecto como una campaña en constante crecimiento, en el que continuamente surgían nuevas demandas y necesidades por parte del cliente. Para ello, propusimos un diseño flexible y adaptable a todos los formatos, con visión para implementar nuevas mejoras.
Web development
Este proyecto esta compuesto por dos fases. Una web convencional con tecnologías de cliente/servidor basado en wordpress y herramientas modernas de desarrollo y por otro lado, el desarrollo de una Progressive Web App con funcionalidades totalmente offline para ser instalada como App en dispositivos móviles. Para este desarrollo usamos Gatsby/React.
Ágil y eficiente
Nuestro método de desarrollo WordPress hace uso de un sistema de plantillas Laravel Blade, gestión de dependencias con composer y sofisticadas herramientas de desarrollo frontend. Con ello conseguimos un proceso de trabajo ágil y eficiente con un resultado óptimo en rendimiento y velocidad.
Optimización
Para el desarrollo de la Progressive Web App propusimos a nuestro cliente un cambio en el modelo de desarrollo y apostar por unas técnicas modernas de desarrollo web JAMStack. El conjunto de herramientas modernas para aplicaciones web (WebApps/SPA), aplicaciones web progresivas (PWA) y aplicaciones de escritorio nos permitieron llevar el proyecto a unos niveles de calidad inalcanzables con otro tipo de herramientas.
Adaptación a pantallas interactivas para ferias
Como parte de la campaña global de Roca, el test debía ser el elemento central en los stands de la marca en las ferias en las que participan alrededor del mundo. Con esta demanda, generamos el test en sistemas autónomos sin necesidad de conexión a internet para que los clientes de la feria pudieran realizarlo en las pantallas táctiles in situ. De este modo, el test se convierte en una experiencia completa, ya que el resultado que genera indica al cliente, no sólo el baño adecuado a su personalidad, si no también el módulo en el que se encuentra el mismo para que el usuario pueda visitarlo en ese mismo momento.
