Project 01 · Mobile App

Prime Shop
E-Commerce App

A modern mobile shopping experience designed to reduce friction from browse to checkout — minimal, intuitive, and conversion-focused.

18Screens
1Tool · Figma
UXFocus Area

Project Overview

Prime Shop is a mobile e-commerce application UI/UX design project built to provide users with a smooth, simple, and intuitive online shopping experience. The design prioritises clean layouts, clear navigation, and a guided user flow — suitable for both first-time and returning shoppers.

Objectives

  • Design a clean, modern shopping interface
  • Make product browsing fast and simple
  • Reduce friction during login and checkout
  • Deliver an overall improved UX

Problem Statement

  • Information overload on single screens
  • Complicated sign-up / login process
  • Confusing navigation patterns
  • Poor visual clarity leading to drop-offs

Proposed Solution

Tools Used

Figma UI Prototyping Color Theory Typography Icon Libraries

Design Approach

Screen-Wise Walkthrough

Splash Screen

01 · Splash Screen

App branding & loading state

Sign In Screen

02 · Sign In

Email, password, forgot password flow

Create Account Screen

03 · Create Account

Name, email, social login options

OTP Verification

04 · OTP Verification

Email/mobile security authentication

Home Screen

05 · Home

Search, banners, categories, featured

Product Listing

06 · Product Listing

Grid layout with image, name & price

Category Selection

07 · Categories

Clearly separated, easy tap selection

Gender Filter

08 · Gender Filter

Men / Women / Kids / Unisex

Color Filter

09 · Color Filter

Visual color swatches, multi-select

Fabric Filter

10 · Fabric Filter

Cotton, Polyester, Silk & more

Size Filter

11 · Size Filter

S / M / L / XL / XXL selection

Price Range Filter

12 · Price Range

Budget-based product filtering

Bundle Filter

13 · Bundle Offers

Combo deals, buy X get Y

Rating Filter

14 · Rating Filter

1★ – 5★ quality filtering

Discount Filter

15 · Discounts

% off, seasonal & promo codes

Material Filter

16 · Material

Checkbox selection by material type

Brand Filter

17 · Brand Filter

Single or multi-brand selection

Type Filter

18 · Type / Category

Shirts, Shoes, Accessories, Electronics

What I Learned & Conclusion

This project deepened my understanding of end-to-end mobile UX — from designing a complete authentication flow to building 18 distinct filter screens that each solve a specific user need. I learned to balance feature richness with simplicity, ensuring the interface never overwhelms while still offering powerful search capabilities. Prime Shop demonstrates my ability to design a full-scale mobile UI/UX with a professional, user-centered approach.