Shapes of Life
Test de Personalitat de Roca
Shapes of life és el projecte basat en un test de personalitat interactiu per a Roca. Una web responsive centrada en un conjunt de preguntes que defineixen la teva personalitat amb l'objectiu de descobrir quin és el teu bany ideal.
- AI
- UI / UX
- IxD
- Web Development
- Tótem interactiu
- Web App
Product design
El test està dissenyat prioritzant els dispositius mobile i centrat en l’experiència d’usuari. Es basa en 12 preguntes A/B que generen una personalitat associada a un estil de bany, depenent de cada elecció. Les preguntes estan enfocades perquè el procés sigui àgil i ràpid, utilitzant elements visuals com imatges representatives i textos que defineixen clarament cada opció.
El resultat del test es divideix en diverses seccions que formen part de la campanya. D’una banda, el vídeo promocional de cada personalitat. D’altra banda, la descripció d’aquesta, que defineix quin és el resultat, seguit del bany que correspon a la personalitat. Finalment, trobem el llistat de productes que ofereix la possibilitat de comprar els productes que apareixen en el teu bany ideal. Complementem el resultat amb la possibilitat de veure la resta de banys i altres productes que ofereix la companyia.
Procés Creatiu
Contemplem el projecte com una campanya en constant creixement, en el qual contínuament sorgeixen noves demandes i necessitats per part del client. Per a això, vam proposar un disseny flexible i adaptable a tots els formats, amb visió per a implementar noves millores.
Web development
Aquest projecte es composa de dues fases. Una web convencional amb tecnologies de client/servidor basat en wordpress i eines modernes de desenvolupament i d’altra banda, el desenvolupament d’una Progressive Web App amb funcionalitats totalment offline per a ser instal·lada com a App en dispositius mòbils. Per a aquest desenvolupament usem Gatsby/React.
Àgil i eficient
El nostre mètode de desenvolupament WordPress fa ús d’un sistema de plantilles Laravel Blade, gestió de dependències amb composer i sofisticades eines de desenvolupament frontend. Amb això aconseguim un procés de treball àgil i eficient amb un resultat òptim en rendiment i velocitat.
Optimització
Per a la construcció de la Progressive Web App vam proposar al nostre client un canvi en el model de desenvolupament i apostar per unes tècniques modernes de desenvolupament web JAMStack. El conjunt d’eines avançades per a aplicacions web (WebApps/SPA), aplicacions web progressives (PWA) i aplicacions d’escriptori ens van permetre portar el projecte a uns nivells de qualitat inassolibles amb una altra mena d’eines.
Adaptació a pantalles interactives per a fires
Com a part de la campanya global de Roca, el test havia de ser l’element central en els stands de la marca en les fires en les quals participen al voltant del món. Amb aquesta demanda, generem el test en sistemes autònoms sense necessitat de connexió a internet perquè els clients de la fira poguessin realitzar-ho en pantalles tàctils in situ. D’aquesta manera, el test es converteix en una experiència completa, ja que el resultat que genera indica al client, no sols el bany adequat a la seva personalitat, si no també el mòdul en el qual es troba perquè l’usuari pugui visitar-lo físicament en aquell mateix moment.
