Rediseño E-commerce Joyería: Optimización UX & Ventas

Una joyería familiar de Colorado, con tres generaciones en el oficio, quería rehacer su web. Vende anillos de compromiso, alianzas y joyería fina, diseña piezas a medida y ofrece financiación, y necesitaba que la web estuviera a la altura de la experiencia que da en tienda.

Lo hice con el equipo de Twelve Legs Marketing. Me encargué del diseño UX/UI de todo el sitio y de su sistema de diseño. El proyecto es confidencial, así que la marca que aparece en las imágenes es ficticia.

El brief pedía un equilibrio delicado: una joyería de lujo, pero minimalista y limpia, que no abrumara a quien compra. Y a la vez, una historia propia. La familia quería que la web transmitiera sus raíces pioneras en Colorado y un toque discreto de patriotismo por el servicio militar del propietario, sin parecer una copia de las grandes cadenas.

Detrás estaba un catálogo enorme, con más de 2.000 diseños de anillos, filtros por metal, forma, quilates y montura, y decisiones de compra caras y emocionales, en las que la financiación y la cita en tienda pesan tanto como el producto.

El cliente tenía clara una referencia: una gran cadena de joyerías estadounidense, por lo fácil que es navegarla, por cómo recomienda productos mientras bajas y por su contenido de inspiración nupcial. Tomé de ahí la facilidad de uso y la puse al servicio de un tono propio: cálido, cercano y de confianza.

Empecé por el sistema de diseño: una escala de colores crema, dorado y carbón con alias semánticos, Cormorant Garamond para los titulares editoriales, Work Sans para el texto y la interfaz, y una escala de espaciado y radios. Sobre él diseñé 13 plantillas en escritorio, de la home a la ficha de producto, la historia de la familia, la financiación, el blog, la guía de recursos, la página de gracias y la 404, además de los seis menús desplegables.

• Navegación con megamenús. Cada sección principal despliega sus estilos, colecciones y una imagen, para llegar a cualquier parte del catálogo en dos clics. La cita en tienda está siempre a la vista en la cabecera.
• Un catálogo que se filtra solo. Estilos como accesos rápidos arriba, filtros por precio, metal, forma, quilates y montura en el lateral con el número de resultados, y los filtros activos visibles sobre la rejilla.
• Fichas que responden antes de preguntar. Precio con el ahorro, cuota mensual con financiación al 0 %, selección de metal, quilates y talla, y la opción de pedir cita junto a la de comprar.
• La historia, en su sitio. El legado familiar y Colorado aparecen en el tono de los textos, en los nombres de las piezas y en páginas propias, sin estorbar la compra.

Para este portfolio he adaptado a móvil los recorridos clave a partir de las plantillas de escritorio y del mismo sistema de diseño. El menú pasa a ser un acordeón con los estilos como botones, los filtros se abren en una hoja inferior que muestra cuántos anillos quedan, y en la ficha el botón de compra y el de cita quedan fijos abajo, al alcance del pulgar.

Entregué el diseño completo del sitio junto con su sistema de diseño documentado, para que el equipo pudiera construirlo y ampliarlo sin perder coherencia.