Aura: Mobile Fashion App & Design System
A high-fidelity prototype for 'Aura,' a modern mobile fashion app, designed to provide a seamless and visually engaging shopping experience. The project is built upon a comprehensive, component-based design system created from the ground up in Figma.
View Project in Figma
Project Goal
The goal was to design a mobile fashion app that feels intuitive, personal, and inspiring. We aimed to solve the common user frustrations of cluttered interfaces and difficult navigation in e-commerce apps by creating a clean, component-driven design system.
Project Highlights
Performance Metrics
Key Features
- ▹End-to-End UI/UX Design in Figma
- ▹Comprehensive Design System
- ▹Component-Based Architecture
- ▹Advanced Interactive Prototyping
- ▹Auto Layout & Variants
My Process
Home Screen
The home screen is designed for effortless discovery. It features a welcoming header, prominent category filters, and a curated product grid to minimize taps and guide users to relevant items quickly and elegantly.
Product Description Screen
This screen provides a clean, focused view of the product. Key information like price, description, and color/size options are presented clearly, with a persistent 'Add To Cart' button to ensure a seamless path to purchase.
Search & Filter Screen
The search experience is enhanced with multi-faceted filtering options (Category, Gender, Color). Sections for 'Previous' and 'Trending' searches help users find what they're looking for faster by reducing cognitive load.
Favorites Screen
The Favorites screen acts as a personal collection for the user. It maintains the same clean grid layout as the home screen for consistency, providing a simple and visually pleasing way to review saved items.