Dani Mabe Wines – eCommerce como servicio
UX/UI
diseño tienda online
desarrollo web personalizado
optimización de rendimiento
🧩 El reto
Diseñar una tienda online de autor donde el vino fuera el verdadero protagonista. El objetivo: reflejar el carácter artesanal de la marca, cuidar la experiencia de compra y facilitar la conversión, todo con una estética minimalista y emocionalmente conectada con el producto.
⚙️ Cómo fue
- Diseño centrado en el producto: botellas, etiquetas y storytelling como ejes visuales.
- Arquitectura de navegación clara: Filtros por tipos, ediciones y packs para favorecer el descubrimiento.
- Experiencia mobile-first: Diseño responsive pensado para convertir desde cualquier dispositivo.
🧠 Diseño UX
- Estrategia centrada en el producto: El vino como protagonista; se priorizó una experiencia que conectara emocionalmente con el usuario.
- Navegación fluida y jerarquía clara: Filtros intuitivos por tipo de vino, packs o ediciones especiales.
- Conversión como foco: Desde la confianza en el diseño hasta el proceso de pago, cada paso fue pensado para reducir fricciones.
- Experiencia responsive: Optimización para móviles, asegurando que la compra sea cómoda desde cualquier dispositivo.
🎨 Diseño UI
- Estética minimalista y elegante: Se usó un diseño limpio y sobrio que dejara espacio al storytelling visual del vino.
- Tipografía y colores con carácter: Selección visual coherente con la identidad de marca, natural y cercana.
- Fotografía como eje visual: Las botellas y etiquetas se muestran en primer plano, sin elementos que distraigan.
- Coherencia visual en todo el flujo: Desde la home hasta el checkout, se mantuvo una línea visual clara y consistente.
🧩 Metodología de trabajo
- Metodología híbrida: Apliqué un enfoque ágil, combinando principios de Scrum y Lean UX, con trabajo por sprints, validaciones semanales y entregas iterativas.
- Contacto directo y continuo: Mantuve una comunicación fluida con el Daniel, para asegurar que cada decisión visual y funcional estuviera alineada con la visión de marca.
- Flexibilidad ante cambios: Como en todo proyecto vivo, cabe la posibilidad de que la tienda actual haya sufrido modificaciones tras la entrega inicial.
🔗 Ver proyecto online:
Incluye una tienda online para venta directa, un sitio web corporativo orientado a marca e historia, y un panel de gestión interno autogestionable para productos, pedidos y envíos.
(El diseño actual puede haber sufrido pequeñas adaptaciones por parte del cliente sin intervención directa.)