proyectos

Cerdá Group

UX/UI

eCommerce

Sistema de Diseño

Rediseño de tienda online y páginas corporativas.

el cliente

Fundada en 1972. Tras más de 50 años...

Cerdá Group se ha convertido en uno de los mayores fabricantes, distribuidores y mayoristas B2B en Europa de productos licenciados de Disney, Star Wars y Marvel, entre otros

una empleada de cerdá trabajando en sus oficinas

una familia posando para foto con ropa de Warner Bros

EL RETO

Tras un proceso de análisis interno por parte de Cerdá Group, se llega a la conclusión que es necesario realizar un rediseño de toda su tienda online y las páginas corporativas, ya que:

La imagen que transmite su plataforma web no está alineada con la imagen de marca real de la empresa.

La experiencia de los clientes (UX) y la interfaz gráfica (UI), no es la adecuada para una marca con este posicionamiento y relevancia en el mercado.

Mejorar la UX para ofrecer a los clientes toda la información y asistencia necesaria para operar de principio a fin sin la intervención de un gestor comercial (que conllevará una optimización de los recursos y costes). Fast-track.

Necesitan aumentar sus principales KPIs, tales como: nº de compras por cliente, importe del carrito medio, tasa conversión de visitante a registrado, tasa conversión de registrado a 1ª compra, o el nº de solicitudes en servicios B2B.

Quieren distinguir la parte de tienda de la parte corporativa/de empresa, reestructurando y fortaleciendo a su vez esta última.

Necesitan incluir ciertas personalizaciones en algunas páginas y secciones en función de si el visitante está ya registrado como cliente o no.

“Ha sido un placer trabajar con vosotros. Destacaría vuestra profesionalidad en la gestión del proyecto, el traspaso de información y el cumplimiento de tiempos y objetivos, ¡así da gusto!”

Victor de Enrique

Digital Business Director - Cerdá Group

NUEVA EXPERIENCIA DE COMPRA

Antes de pasar a rediseñar nada de la nueva experiencia e interfaz de la plataforma, realizamos un proceso de inmersión y entendimiento de la situación, necesidades y objetivos, así como una auditoría y tests heurísiticos para identificar los distintos puntos de mejora a lo largo y ancho de la misma.

Brand Strategy Brief - Para sentar las bases de la marca y poder trabajar con una identidad visual y verbal sólida.

Product Canvas - Para tener una mejor imagen global de lo que deberá ser el producto.

Auditoría UI/UX - Para analizar su Web actual y poder ver de cerca sus fortalezas y debilidades

Flujos de Navegación - Para entender el proceso de compra y las necesidades de sus clientes.

Mapas Conceptuales y Árbol de Contenidos - Para visualizar en su totalidad las dimensiones de la web.

IDENTIDAD VISUAL

A lo largo de los años, el cliente había perdido un poco de consistencia en la imagen de marca a través de sus diferentes soportes (online y offline). Tocó, por tanto, gracias a una serie de dinámicas y ejercicios creativos, diseñar y crear una Guía de estilos para poder aterrizar todas esas ideas y conceptos visuales de la nueva identidad visual.

Rediseño de interfaz y kit UI.

En un proceso totalmente iterativo de creación y validación con el cliente, se fue produciendo la solución.

Primero, creamos los bocetos en Figjam para definir la arquitectura de información y estructura de cada nueva página de la plataforma.

A continuación, diseñamos uno a uno los wireframes de media fidelidad, plasmando la toda la parte funcional y validando el UX con el cliente.

Preparamos los diseños de página de alta fidelidad (mockups) para su posterior implementación en la plataforma web. Diseños hechos tanto para desktop como para dispositivos móviles.

del diseño al código

Para facilitarle la vida al equipo de desarrollo del cliente que debía realizar la implementación, se exportaron los diseños desde el entorno Figma a un código funcional (HTML y CSS) para poder trabajar en plantillas Twig (PHP Symfony).

Llévame a la web