El problema
Bassols volia deixar de semblar una marca tradicional i posicionar-se com una marca premium, tant en el seu B2C com en el seu portal B2B. La web anterior no ajudava en aquesta transició ni convertia com calia, i a més el projecte tenia una complexitat afegida: no era una sola web, eren dues experiències diferents convivint a la mateixa plataforma (particulars d'una banda, professionals de l'hostaleria i el tèxtil de l'altra), cada una amb la seva pròpia navegació, els seus propis fluxos i el seu propi públic.
El repte de disseny no era només estètic. Calia definir des de zero com s'organitzava tot el catàleg, com navegava cada tipus d'usuari, i lliurar un sistema de disseny prou sòlid perquè l'equip de desenvolupament hi pogués construir a sobre sense ambigüitats, sabent a més que la feina havia d'encaixar amb una identitat de marca que s'estava definint en paral·lel.
Solució
Vam començar com a oients al workshop d'experiència de client que va liderar Artefacto, per partir de dades reals i no de suposicions. A partir d'aquí vam treballar l'arquitectura de la informació amb un card sorting específic per a cada perfil d'usuari (B2C i B2B per separat), i vam construir els wireframes de tot l'ecommerce: home, categories, fitxa de producte, carret, checkout, landings de col·leccions, àrea d'usuari i totes les pàgines pròpies del portal B2B.
Amb l'estructura validada, vam passar a la fase de disseny visual, aplicant la nova identitat que This Is Odd anava lliurant en paral·lel. Vam fer diverses rondes de proposta de línia gràfica fins a tancar el look&feel definitiu, i el vam estendre a la totalitat de vistes del projecte. L'entregable final va ser un sistema de disseny complet perquè l'equip de desenvolupament d'Inbound Emotion el pogués implementar sobre Magento sense dependre de nosaltres per a cada dubte.
La feina no va acabar amb el lliurament del disseny. Vam fer una supervisió activa de la implementació real, revisant amb detall com s'estava maquetant cada secció (comportament en responsive, coherència d'espaiats i tipografies, estats dels components) perquè el resultat final no es quedés a mig camí del disseny aprovat.
Resultats
La nova web es va llançar amb una experiència diferenciada per a B2C i B2B sobre una mateixa plataforma, amb una línia visual d'acord amb el reposicionament premium que buscava la marca. La col·laboració amb Bassols es va mantenir activa després del llançament inicial, quan va voler reforçar la venda creuada entre categories de producte complementàries. Van tornar a comptar amb nosaltres per dissenyar aquesta funcionalitat sobre la web ja en producció, senyal que el sistema de disseny construït en el projecte gran continuava sent la base sobre la qual es recolzava qualsevol evolució posterior.
