© 2026 marielbydesign — All rights reserved.
- Client
- DeepCompany
- Role
- UX/UI Designer
- Team
- 3 developers
- Tools
- Figma, FigJam, Notion
The project
Tiendas UPI is a Venezuelan e-commerce for refrigeration, home appliances and hardware. I worked as a UX/UI designer on the whole user flow to buy a product, at the UI level only: from the home and search to the product detail, the cart and the customer account. I worked in Figma, producing the prototype, the flows and the information architecture, alongside a team of three developers. The project was done with DeepCompany.
User types
Shopper
Browses categories, searches products with suggestions, checks the detail and availability by branch, builds their cart, pays and manages their account, purchases and favorites.
What I designed
Flow and architecture
Before the screens I organized the store into six sections (home, search, categories, cart, checkout and my account) and mapped the purchase journey, from search to order history.
The complete purchase flow
A clear journey from the home to payment: search, open the detail, add to the cart and keep shopping or go to checkout, with a purchase summary (subtotal, shipping and total) always in view.
Checkout in three steps
A checkout split into billing details, shipping method (delivery or a shipping company) and payment method by bank transfer, with visible progress (1 of 3), validation on each field and the purchase summary always on the right.
A home and search that guide
A home with featured offers, a benefits bar (free delivery, personalized service, discounts and secure purchases) and a search that, once opened, suggests the most searched terms and discounted products.
Product detail
An image gallery, the current price next to the previous one, a quantity selector, availability by branch and two levels of action: add to cart or buy now.
My account
A panel with profile, addresses, purchase history with filters by date, code and status, favorites, notifications and password change.
Mobile version
The home, product detail, cart and profile panel adapted to mobile, with navigation and buttons made for the thumb.
Design system and accessibility
The brand's green and yellow with neutrals and states, Poppins as the typeface, buttons with all their states and a color-contrast test that led to adjusting the green so text reads better.
Tap an image to see it in full