Tiendas UPI: caso de estudio UX/UI

E-commerce venezolano de refrigeración, línea blanca y ferretería, de la búsqueda a la compra.

Cliente

DeepCompany

Rol

UX/UI Designer

Equipo

3 desarrolladores

Herramientas

Figma, FigJam, Notion

El proyecto

Tiendas UPI es un e-commerce venezolano de refrigeración, línea blanca y ferretería. Trabajé como UX/UI diseñando todo el flujo del usuario para comprar un producto, solo a nivel de UI: de la home y el buscador al detalle de producto, el carrito y la cuenta del cliente. Trabajé en Figma, generando el prototipo, los flujos y la arquitectura de la información, junto a un equipo de tres desarrolladores. El proyecto se realizó con DeepCompany.

Tipos de usuario

• Comprador: Explora categorías, busca productos con sugerencias, revisa el detalle y la disponibilidad por sucursal, arma su carrito, paga y gestiona su cuenta, sus compras y sus favoritos.

Lo que diseñé

• Flujo y arquitectura: Antes de las pantallas ordené la tienda en seis secciones (inicio, buscador, categorías, carrito, finalizar compra y mi cuenta) y tracé el recorrido de compra, de la búsqueda al historial de pedidos.
• El flujo de compra completo: Un recorrido claro de la home al pago: buscar, abrir el detalle, agregar al carrito y seguir comprando o ir a pagar, con un resumen de la compra (subtotal, envío y total) siempre a la vista.
• Finalizar compra en tres pasos: Un checkout dividido en datos de facturación, método de envío (delivery o empresa de envíos) y método de pago por transferencia, con el avance visible (1 de 3), validación en cada campo y el resumen de la compra siempre a la derecha.
• Home y buscador que orientan: Una home con ofertas destacadas, una barra de beneficios (delivery gratuito, atención personalizada, descuentos y compras seguras) y un buscador que, al abrirse, propone lo más buscado y productos en oferta.
• Detalle de producto: Galería de imágenes, precio actual junto al anterior, selector de cantidad, disponibilidad por sucursal y dos niveles de acción: agregar al carrito o comprar ahora.
• Mi cuenta: Un panel con perfil, direcciones, historial de compras con filtros por fecha, código y estado, favoritos, notificaciones y cambio de contraseña.
• Versión móvil: La home, el detalle de producto, el carrito y el panel de perfil adaptados a móvil, con navegación y botones pensados para el pulgar.
• Sistema de diseño y accesibilidad: Verde y amarillo de la marca con neutros y estados, Poppins como tipografía, botones con todos sus estados y una prueba de contraste de color que llevó a ajustar el verde para que el texto se leyera mejor.