Campos de Azahar

Rediseño de la tienda online de la marca Campos de Azahar, que se dedica a vender productos frescos de  su huerta y mermeladas elaboradas artesanalmente. En este rediseño se buscó comunicar la frescura de los productos Valencianos y el trato cercano de la marca con sus clientes.

Problema

La tienda online no comunicaba el valor artesanal del producto ni ofrecía una navegación clara. Los usuarios tenían dificultades para explorar el catálogo y completar el proceso de compra, especialmente desde dispositivos móviles.

Objetivo

Diseñar un e-commerce fácil de comprender, con una comunicación visual  coherente con la identidad natural y artesanal de la marca, mejorando la navegabilidad, la presentación de los productos y la claridad del proceso de compra para aumentar la conversión.

Insights

  • Los usuarios valoran la procedencia y autenticidad del producto, pero esta información estaba expuesta de forma abrumadora.
  • El catálogo tenía categorías poco diferenciadas, dificultando la exploración rápida.
  • El público suele comprar desde el móvil, por lo que necesitaba una experiencia más ligera, clara y rápida.

Puntos de Dolor

  • Falta de estructura clara para navegar en el sitio web.
  • Ficha de producto con jerarquías débiles y poca información visual.
  • Proceso de compra con poca retroalimentación, lo que generaba fricción.

Decisiones de diseño

  • Se definió una arquitectura de información más simple, con categorías claras y navegación directa.
  • Se diseñó un look & feel basado en elementos naturales, texturas y colores que existen en el campo agricultor de origen del producto.
  • Se creó una ficha de producto más completa, con beneficios y destacados visuales.
  • Se optimizó el flujo de compra con pasos más claros y un CTA más visible para evitar abandono.

Sitemap

User Flow

Wireframe

UI Kit

Look & Feel

Móvil UI

Desktop UI

Resultado

El nuevo diseño logró transmitir mejor la identidad artesanal de la marca y mejorar la exploración del catálogo, generando una experiencia más clara y atractiva que incrementa la satisfacción del usuario.