Antecedentes

Rol

Diseño

• Wireframes de baja y alta fidelidad.

• Diseño responsivo para desktop, tablet y móvil.

• Navegación con jerarquía clara y accesibilidad visual.

El negocio contaba con una presencia de marca consolidada, pero carecía de una plataforma digital que reflejara su estilo distintivo y permitiera la gestión completa de sus productos. Se buscaba una solución visualmente atractiva, alineada con su estética de marca, que no solo mostrara los productos disponibles, sino que también facilitara al usuario explorar, gestionar y completar sus compras de forma eficiente, permitiendo además el guardado de datos personales para acelerar futuras transacciones.

Objetivo

Diseñar una plataforma eCommerce, alineada a una estética minimalista y elegante, que permita explorar productos por colección, revisar lanzamientos, conocer la marca y finalizar compras dentro del mismo entorno. El sistema debía contemplar un flujo de compra completo y una vista privada para usuarios registrados donde pudieran gestionar sus datos, lista de deseos y estados de compra.

Proceso UX/ UI

• Investigación de benchmark de tiendas visuales modernas.

• Análisis de flujos de compra y microinteracciones.

• Iteración y pruebas visuales de elementos clave.

• Definición de jerarquía visual para elementos importantes.

Diseñadora UX/ UI

Investigadora

Diseñadora de interacción y prototipo

Solución final

• Navegación intuitiva con sección de productos destacados y lanzamientos.

• Flujo de compra dividido en etapas claras y orientadas a conversión: carrito, inicio de sesión/registro, datos de envío, pago y confirmación.

• Sistema para usuarios registrados con control de pedidos y personalización.

• Integración de secciones de valor como blog, acerca de la tienda y contacto.

Plataforma web de comercio electrónico inspirada en diseños modernos y sobrios, donde los productos y la experiencia visual son los protagonistas.
Se implementaron los siguientes flujos clave:

La página de inicio fue diseñada para ser visualmente impactante y funcional. Su objetivo es captar la atención del usuario desde el primer segundo, destacar productos clave y conducirlo con claridad hacia la conversión.

Inicio

• Banner principal con imagen destacada, nombre del negocio y CTA para comprar.

• Sección de colección destacada con cards de productos.

• Introducción visual "Acerca de la tienda" con botón para conocer más.

• Cards con próximos lanzamientos (producto, nombre, precio).

• Filtros por categorías

• Botón para limpiar filtros rápidamente

• Carrusel de imágenes del producto

• Selector de talla y cantidad

• CTA destacado: "Añadir al carrito"

• Información clara sobre envío, devoluciones y disponibilidad

Productos y Detalles

El diseño de productos está enfocado en la exploración fluida del catálogo. Se priorizó una estética visual limpia y minimalista, acompañada de filtros intuitivos y cards informativas. En la vista de detalle se otorga protagonismo a las imágenes del producto, información precisa y llamadas a la acción claras.

El proceso de compra está dividido en pasos secuenciales para facilitar la conversión y asegurar que el usuario comprenda cada etapa. Se validan datos en tiempo real y se mantiene visible el resumen del pedido para generar confianza y claridad.

Flujo de compra

• Vista del carrito con imagen, nombre, talla, cantidad y precio

• Botones para modificar cantidades o eliminar productos

• Formulario dividido por pasos: acceso, datos de envío, pago y confirmación

• Mensajes de validación amigables y confirmación visual de éxito de compra

• Cards visualmente atractivas con imagen destacada

• Información relevante: título, fecha, autor y extracto

• Botón de acción: Leer más

Blog y Nosotros

Sección de blog orientada a fortalecer la identidad de marca y conectar con los usuarios a través de contenido de valor. Aquí se muestran noticias, colaboraciones, lanzamientos y artículos relacionados con el negocio.

Sección de nosotros, esta pensada para conectar emocionalmente con el cliente y transmitir la historia y los valores de la tienda.

• Banner con imagen y eslogan de marca.

• Historia breve del negocio.

• Valores de la tienda presentados de forma visual.

• Galería del equipo: imagen + nombre de cada integrante.

Diseñada para brindar al usuario control total sobre su experiencia de compra. Desde esta sección puede gestionar su información, revisar sus pedidos y organizar sus productos favoritos.

Cuenta del usuario registrado

• Vista de pedidos realizados con número, estado y resumen del pedido.

• Sección para modificar sus datos personales.

• Lista de deseos para guardar productos de interés.

• Etiquetas claras para indicar estados del pedido (En preparación, En camino, Entregado).

• CTA visibles para renovar información o actualizar datos rápidamente.