E-commerce App - Personal
Services
UI/UX Design
Client
E-commerce App - Personal
Location
Vietnam
Year
2023
Info
E-commerce App is a personal project I worked on as a student, focusing on baby-related products. In this project, I took on the role of designing the app interface, while also contributing to user research and data collection to identify and address usability issues.
Challenges identified:
Existing shopping apps do not fully meet the needs of parents with young children.
Missing details (e.g., total number of product reviews).
No product recommendation section.
Some UI components (like color selection) are oversized and not visually appealing.
Product pages lack features like image thumbnail sliders.
Project Goals
Create a mobile app tailored for baby products that is simple and intuitive to use.
Improve shopping efficiency with a clean and accessible design.
Validate usability through real user testing and iterate on feedback.
Research & Findings
User Interviews: Conducted with 3 participants (ages 20–35) to understand expectations, pain points, and preferred features.
Persona: Defined “Lan” — a busy homemaker with a 7-year-old child who needs quick, easy access to baby essentials.
Pain points discovered:
Missing a recommendation system.
Incomplete product rating information.
UI elements need refinement (color pickers, product gallery).
Persona
Design Process
Information architecture:
Sitemap and user journey mapping.
Sitemap
User Journey Map
Wireframes & Prototyping:
Started with paper sketches → digital wireframes → low-fidelity prototypes.
Focused on ease of navigation and product discovery.
Paper Wireframes
Adjustment 2
Adjustment 3
Variables
Final Mockups
Outcomes & Learnings
Delivered a functional prototype with clear user flows.
Early users reported a smooth navigation and shopping experience.
Learned the importance of:
Accessibility and inclusive design.
Listening to real user needs through direct feedback.
Prototyping quickly to save time and resources.
Continuous iteration based on testing.
Next Steps
Continue testing with more users to refine usability and accessibility.
Add missing features (recommendation section, improved rating display, product gallery slider).
Polish the visual design and refine UI components for better consistency and aesthetics.
Adjustment 2
Adjustment 3
Variables
Final Mockups
Outcomes & Learnings
Delivered a functional prototype with clear user flows.
Early users reported a smooth navigation and shopping experience.
Learned the importance of:
Accessibility and inclusive design.
Listening to real user needs through direct feedback.
Prototyping quickly to save time and resources.
Continuous iteration based on testing.
Next Steps
Continue testing with more users to refine usability and accessibility.
Add missing features (recommendation section, improved rating display, product gallery slider).
Polish the visual design and refine UI components for better consistency and aesthetics.
