Online shoppeng application
Online shoppeng application
Online shoppeng application

Botéga

Botéga

Botéga

ROLE
ROLE
ROLE

UI/ UX Designer

UI/ UX Designer

UI/ UX Designer

YEAR
YEAR
YEAR

2022

2022

2022

Project Overview

Project Overview

Initially using Sketch and transitioning to Figma, this project aimed to create an e-commerce platform similar to other shopping platform, but with a unique blend of class, elegance, and affordability, offering products directly from manufacturers.

Initially using Sketch and transitioning to Figma, this project aimed to create an e-commerce platform similar to other shopping platform, but with a unique blend of class, elegance, and affordability, offering products directly from manufacturers.

Timeline:

Timeline:

Five Weeks

Five Weeks

Challenges & Sollution

Challenges & Sollution

The main challenge was achieving a premium look and feel while maintaining transparency around discount pricing and shipping fees, which were previously only revealed at checkout, causing user hesitation and drop-offs. To solve this, I refined the typography and layout to convey a high-end aesthetic while subtly integrating discount indicators and promotional banners. Additionally, I redesigned the product and cart pages to display a clear, upfront price breakdown and estimated shipping costs, helping users make more confident purchase decisions.

The main challenge was achieving a premium look and feel while maintaining transparency around discount pricing and shipping fees, which were previously only revealed at checkout, causing user hesitation and drop-offs. To solve this, I refined the typography and layout to convey a high-end aesthetic while subtly integrating discount indicators and promotional banners. Additionally, I redesigned the product and cart pages to display a clear, upfront price breakdown and estimated shipping costs, helping users make more confident purchase decisions.

Design Process

Design Process

Wireframe

Userflow

Design System

Conclusion

Conclusion

Botéga's design successfully merges elegance with affordability, offering a refined online shopping experience that stands out in the crowded e-commerce landscape. The app's interface is not only visually appealing but also highly functional, allowing users to effortlessly discover and purchase high-quality products at great prices. Users responded positively to the aesthetic and simplicity, particularly the intuitive navigation and elegant presentation of products.

Botéga's design successfully merges elegance with affordability, offering a refined online shopping experience that stands out in the crowded e-commerce landscape. The app's interface is not only visually appealing but also highly functional, allowing users to effortlessly discover and purchase high-quality products at great prices. Users responded positively to the aesthetic and simplicity, particularly the intuitive navigation and elegant presentation of products.

Create a free website with Framer, the website builder loved by startups, designers and agencies.