Marliz Coat: caso de estudio UX/UI

E-commerce de abrigos de invierno con estética sobria en tonos malva.

Rol

UX/UI Designer

Equipo

1 desarrollador, junto a las 2 dueñas del producto

Tiempo

3 meses

Herramientas

Figma, FigJam, Notion

El proyecto

Marliz es una marca de abrigos de invierno para mujer y hombre que necesitaba su e-commerce. Trabajé el diseño de la tienda de punta a punta: la arquitectura de la información, los flujos de usuario, el sistema de diseño (colores, tipografía, cuadrícula, botones y campos) y las pantallas de escritorio, con una estética sobria en tonos malva. Trabajé de la mano con las dos dueñas del producto y con un desarrollador.

Tipos de usuario

• Comprador/a: Explora colecciones desde el menú, busca y filtra productos, guarda favoritos, usa su bolsa de compras e inicia sesión en su cuenta.

Lo que diseñé

• Una home que vende: Una barra de envío gratis, tres paneles de portada (hombre, oferta de nueva colección y mujer) con un llamado claro a comprar, y filas de productos populares y esenciales con favoritos, etiqueta “nuevo” y precio.
• Navegación clara: Un menú con panel desplegable que separa novedades, invierno, entretiempo y precios especiales, con columnas para hombre y mujer, y accesos fijos a cuenta, favoritos, búsqueda y bolsa.
• Búsqueda con sugerencias: Al abrir la búsqueda aparecen las búsquedas populares y, mientras se escribe, los resultados en vivo con su precio, sin salir de la página.
• Catálogo con filtros: Un listado de productos con filtros por descuento, color, talla, precio y disponibilidad, orden por precio o destacados y paginación.
• Sistema de diseño: Una paleta con el malva como color principal y estados de error, aviso y éxito, la combinación Crimson Text para títulos y Poppins para interfaz, una cuadrícula de 12 columnas para escritorio y botones y campos con todos sus estados.

Ver sitio en vivo