UI & PROTOTYPING
For Velvet Vogue, the UI & prototyping stage focused on crafting a clean, elegant interface that aligns with our brand aesthetics while ensuring intuitive usability across all age groups.
I began with low-fidelity sketches and wireframes to establish structure and flow, then moved to high-fidelity prototypes to test visual hierarchy, interactive behaviours, and real content presentation.
Key design elements—buttons, navigation, filters—were placed within thumb-friendly zones for ease of use, and visual consistency (color, typography, spacing) was maintained so users feel familiar and confident.
Usability testing was incorporated using Maze and based on feedback, helping refine the prototype before finalising the designs.
22
Hours
22
Hours
22
Hours
*
Velvet Vogue is a fashion-app designed exclusively for women, offering curated designer collections from all life stages — from young girls to mature ladies. What sets Velvet Vogue apart is its focus on pieces that are not available in mainstream retail stores; every item is selected for its uniqueness, craftsmanship, and aesthetic.
Velvet Vogue is a fashion-app designed exclusively for women, offering curated designer collections from all life stages — from young girls to mature ladies. What sets Velvet Vogue apart is its focus on pieces that are not available in mainstream retail stores; every item is selected for its uniqueness, craftsmanship, and aesthetic.
RESEARCH
RESEARCH
RESEARCH
I designed this project from start to finish, conducting research, creating user flows, building prototypes, and testing the experience to deliver a seamless fashion app.
I designed this project from start to finish, conducting research, creating user flows, building prototypes, and testing the experience to deliver a seamless fashion app.
1
Research
Quantitative
Survey with Questionnaire
2
Competitor Analysis
Compared the following competitors and took up some important facts for my structure and the facilities they are offering.
Compared the following competitors and took up some important facts for my structure and the facilities they are offering.
Amazon
Flipkart
Myntra
3
Persona & Empathy Mapping
Based on the research insights, I have created the personas that
I have attached below.
Based on the research insights, I have created the personas that
I have attached below.
4
User Task Flow
To define the step-by-step journey users take within "Velvet Vogue" to complete key tasks, ensuring a seamless, intuitive, and goal-oriented experience.
To define the step-by-step journey users take within "Velvet Vogue" to complete key tasks, ensuring a seamless, intuitive, and goal-oriented experience.
5
Wire framing & Prototyping
Created the UI structure and did the prototyping for the same using Figma
Created the UI structure and did the prototyping for the same using Figma
6
Usability testing
Usability testing has been done for the high fidelity prototype using 'Maze' and the corrections/suggestions had been incorporated for the better user experience.
Usability testing has been done for the high fidelity prototype using 'Maze' and the corrections/suggestions had been incorporated for the better user experience.
7
Project Handoff
After carrying out the insights take from the Usability testing, I have used "Zeplin" to handover the assets for further development.
After carrying out the insights take from the Usability testing, I have used "Zeplin" to handover the assets for further development.
In the carousel below, I have presented user personas, empathy maps, affinity mapping, user journey maps, and storyboards—each developed from the survey results I collected via Google Forms.
In the carousel below, I have presented user personas, empathy maps, affinity mapping, user journey maps, and storyboards—each developed from the survey results I collected via Google Forms.
In my design-focused competitor analysis, I compared layouts, filter options, and content visibility. I identified areas for improvement while preserving the basic structural patterns—to align with the mental model users already bring to e-commerce platforms so they feel immediately comfortable and oriented.
In my design-focused competitor analysis, I compared layouts, filter options, and content visibility. I identified areas for improvement while preserving the basic structural patterns—to align with the mental model users already bring to e-commerce platforms so they feel immediately comfortable and oriented.
In my design-focused competitor analysis, I compared layouts, filter options, and content visibility. I identified areas for improvement while preserving the basic structural patterns—to align with the mental model users already bring to e-commerce platforms so they feel immediately comfortable and oriented.
Similar projects
Similar projects
Similar projects
UI & PROTOTYPING
For Velvet Vogue, the UI & prototyping stage focused on crafting a clean, elegant interface that aligns with our brand aesthetics while ensuring intuitive usability across all age groups.
I began with low-fidelity sketches and wireframes to establish structure and flow, then moved to high-fidelity prototypes to test visual hierarchy, interactive behaviours, and real content presentation.
Key design elements—buttons, navigation, filters—were placed within thumb-friendly zones for ease of use, and visual consistency (color, typography, spacing) was maintained so users feel familiar and confident.
Usability testing was incorporated using Maze and based on feedback, helping refine the prototype before finalising the designs.