El Mosaico de Baco — Diseño y desarrollo de tienda online
UX/UI
diseño eCommerce
desarrollo web personalizado
integración WooCommerce
optimización de rendimiento
🧩 El reto
Diseñar y desarrollar una tienda online que facilitara la venta directa de productos de forma clara, funcional y visualmente alineada con la identidad existente de El Mosaico de Baco. El sitio debía permitir una navegación sencilla, adaptarse a distintos dispositivos y ofrecer una experiencia de compra fluida para cualquier tipo de usuario, sin necesidad de sobrecargar el diseño ni complicar la gestión interna.
⚙️ Cómo fue
- Mobile-first: todo el diseño se planteó desde el principio pensando en uso móvil, con menús accesibles, tipografía legible y procesos de compra simplificados.
- Contacto directo y validación continua: trabajé mano a mano con el cliente para asegurar que cada decisión respondiera a necesidades reales del negocio.
- Arquitectura de navegación clara: organización del catálogo por categorías visibles desde el primer clic, sin capas innecesarias.
🧠 Diseño UX
- Flujo de compra optimizado: se redujeron los pasos clave del proceso de compra para hacerlo ágil, claro y orientado a la conversión desde el primer clic.
- Jerarquía de contenidos clara: priorización visual de productos, información clave y contacto.
- Accesibilidad práctica: contraste, tamaños y elementos interactivos diseñados para facilitar la interacción en distintos contextos de uso.
- Adaptabilidad: experiencia consistente y fluida desde móvil a escritorio, sin pérdida de funcionalidad ni claridad en ningún dispositivo.
🎨 Diseño UI
- Estética limpia y funcional: interfaz clara, sin elementos superfluos, centrada en facilitar la lectura y la acción.
- Tipografía y color: uso de fuentes legibles y una paleta equilibrada que refuerza la identidad visual sin sobrecargar.
- Integración con la marca: adaptación del diseño al logotipo, colores y estilo gráfico existente del cliente.
- Fichas de producto visuales: imágenes en primer plano y estructura clara para destacar cada referencia.
- Diseño consistente: todos los elementos visuales mantienen una coherencia que refuerza la percepción de marca en todo el recorrido del usuario.
🧩 Metodología de trabajo
- Enfoque ágil: trabajo por fases cortas con entregas frecuentes para revisar avances de forma continua.
- Flexibilidad en el proceso: capacidad de adaptación rápida ante cambios o ajustes, asegurando que el resultado final reflejara lo que el proyecto necesitaba en cada etapa.
- Validaciones iterativas: cada fase fue revisada con el cliente para asegurar que el desarrollo se ajustara a los objetivos y a las necesidades reales del día a día.
🔗 Ver proyecto online:
Tienda online desarrollada con diseño responsive, integración de pasarela de pago, gestión de pedidos y catálogo autogestionable.
⚠️ El diseño actual ha sido modificado por el cliente tras la entrega final.