SHOOPLE
Personalised E-Commerce & Mobile Shopping Experience
- Role
- UX/UI Design Wireframing Prototyping
- Category
- UX/UI Design Mobile App E-Commerce
- Year
- 2025 Bootcamp / Personal Project
- Tools
- Figma Illustrator
Overview
A personalised shopping app
SHOOPLE is a personalised e-commerce mobile app concept: smart filtering, adaptive UI and multi-generational accessibility, designed and prototyped in Figma.
Case study
Shopping that adapts to the person
Problem
Complex e-commerce interfaces often confuse less tech-savvy generations and create friction during checkout.
Goal
Design an intuitive shopping experience using wireframes, user flows and Figma prototyping that feels seamless for all ages.
Personal goal
In my first UI/UX project focused on mastering Figma, user flows, and wireframing. Built from scratch with zero prior experience, it highlights my foundational design process and growth.
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.