Portfolio
Wireframe
Design
This project helped me practise translating wireframes into polished mobile interfaces while focusing on visual hierarchy, consistency, and ease of navigation.
01
high-fidelity
Mobile App
02
low-fidelity
Web Design · 2024
03
high-fidelity
Web Design · 2024
Project Overview
I designed a mobile clothing shopping app focused on making it easier for users to browse clothing, explore categories, and view product prices through a clean, user-friendly interface.
Design Process
I started with low-fidelity wireframes to organize the layout, search bar, product grid, category filters, and bottom navigation. I then developed the high-fidelity UI in two visual themes: light and dark green.
Key Design Decisions
- Product grid: Makes clothing items easy to browse.
- Category filters: Help organize products by type.
- Visible pricing: Makes product prices easy to find.
- Bottom navigation: Provides quick access to Home, Nearby, Cart, and Profile.