01
Problem
Complex e-commerce interfaces often confuse less tech-savvy generations and create friction during checkout.
SHOOPLE
Personalised E-Commerce & Mobile Shopping Experience
A personalized mobile shopping platform tailored to individual user preferences through smart filtering, adaptive UI, and multi-generational accessibility.
RoleUX/UI Design
Wireframing
Prototyping
CategoryUX/UI Design
Mobile App
E-Commerce
Year2025
Bootcamp / Personal Project
ToolsFigma
Illustrator
Case study
Shopping that adapts to the person
02
Goal
Design an intuitive shopping experience using wireframes, user flows and Figma prototyping that feels seamless for all ages.
03
Key flows
Onboarding interest selection, personalised home feed, smart search with filters, cart management and a 3-step checkout confirmation.
UX process
Wireframes & Information Architecture
Before moving to final UI and visual design, low-fidelity wireframes were developed to test core user flows, navigation logic, and layout hierarchy across key screens.
Simplified bottom navigation
Five fixed destinations — home, favorites, search, cart, profile — persist across every screen so users never lose orientation.
Clear card & filter hierarchy
Item cards separate image, name, rating and price into consistent zones, with order and filter controls pinned above results.
Streamlined checkout
Cart, place order and confirmation compress into three steps, with totals, shipping and payment editable in place.
Design system
Calm teal, one confident accent
Primary Teal
#4DA6A6
Accent Coral
#F2945A
Neutral Base
#F1F9F9
Final deliverables
Final UI & Visual Experience
High-fidelity user interface designed with a calm teal palette, clean typography, and accessible UI patterns tailored for seamless shopping.
Home Feed
Personalized deals & recommendation feed
Search & Filters
Category discovery with smart sorting
Product Detail
Clear visual hierarchy & quick buy CTA
Cart & Checkout
Frictionless multi-item order summary
Profile & Wishlist
Subscription management & saved items
Bootcamp / personal project. Research, wireframes, UI design and Figma prototype created entirely by me.