El problema
Bassols quería dejar de parecer una marca tradicional y posicionarse como una marca premium, tanto en su B2C como en su portal B2B. La web anterior no ayudaba a esa transición ni convertía como debía, y encima el proyecto tenía una complejidad añadida: no era una sola web, eran dos experiencias distintas conviviendo en la misma plataforma (particulares por un lado, profesionales de hostelería y textil por otro), cada una con su propia navegación, sus propios flujos y su propio público.
El reto de diseño no era solo estético. Había que definir desde cero cómo se organizaba todo el catálogo, cómo navegaba cada tipo de usuario, y entregar un sistema de diseño lo bastante sólido como para que el equipo de desarrollo pudiera construir sobre él sin ambigüedades, sabiendo además que el trabajo tenía que encajar con una identidad de marca que se estaba definiendo en paralelo.
Solución
Empezamos como oyentes en el workshop de experiencia de cliente que lideró Artefacto, para partir de datos reales y no de suposiciones. A partir de ahí trabajamos la arquitectura de información con un card sorting específico para cada perfil de usuario (B2C y B2B por separado), y construimos los wireframes de todo el ecommerce: home, categorías, ficha de producto, carrito, checkout, landings de colecciones, área de usuario y todas las páginas propias del portal B2B.
Con la estructura validada, pasamos a la fase de diseño visual, aplicando la nueva identidad que This Is Odd iba entregando en paralelo. Hicimos varias rondas de propuesta de línea gráfica hasta cerrar el look&feel definitivo, y lo extendimos a la totalidad de vistas del proyecto. El entregable final fue un sistema de diseño completo para que el equipo de desarrollo de Inbound Emotion pudiera implementarlo sobre Magento sin depender de nosotros para cada duda.
El trabajo no terminó con la entrega del diseño. Hicimos una supervisión activa de la implementación real, revisando con detalle cómo se estaba maquetando cada sección (comportamiento en responsive, coherencia de espaciados y tipografías, estados de los componentes) para que el resultado final no se quedara a medio camino del diseño aprobado.
Resultados
La nueva web se lanzó con una experiencia diferenciada para B2C y B2B sobre una misma plataforma, con una línea visual acorde al reposicionamiento premium que buscaba la marca. La colaboración con Bassols se mantuvo activa después del lanzamiento inicial, cuando quiso reforzar la venta cruzada entre categorías de producto complementarias. Volvieron a contar con nosotros para diseñar esa funcionalidad sobre la web ya en producción, señal de que el sistema de diseño construido en el proyecto grande seguía siendo la base sobre la que se apoyaba cualquier evolución posterior.
