Back

Baby Shop App

UX/UI Designer

12 Weeks

Figma prototype

An application designed for families looking to shop for useful items for their beloved children.

The Problem:

There is no platform available for customers to shop online.

The Goal:

Design an application that meets customers' needs for online shopping which can also collect data for improvement

User research: summary

Conducted direct interviews with 3 randomly selected individuals aged 20-35. Key questions asked:

1. What features do you expect from a baby product shopping app? (specific features)
2. What features would you like to see improved?
3. What difficulties do you face when shopping for baby products?
User research: pain points

Problem statement:

Lan is married with a 7-year-old child and is a busy homemaker who doesn’t have time to visit stores in person. Therefore, she needs an app to purchase essential items for her child.
Persona
User journey map
Site map
Paper wireframes
Digital wireframes
Low-fidelity prototype
Styles and components
Mockups

Based on feedback from the initial mockup, we improved the app according to Material Design principles, adding sorting options for a more intuitive, modern, and user-friendly experience.

Mockups

We decided to redesign the components in the cart page:
1. Added the new chip button for the users to change the variation of the products such as sizes, colors
2. Removed the share and chat buttons
3. Swipe option for the “delete” button to

Accessibility considerations

Usability study: findings

The team decided to interview 3 random individuals to assess the usability of the app. Insights:
1. The app meets the shopping needs of users and is easy to use
2. Missing the total number of reviewers in the product rating section
3. Lacks a product recommendation section
4. Users feel that the color selection section is too large and not aesthetically pleasing
5. Users want a thumbnail image slider under the main product image on the product page
Adjustment 1
Adjustment 2
Adjustment 3
Project OverviewResearchIdeation
Prototype
Going Forward
Final Mockups
High-fidelity prototype
Figma prototype
Project OverviewResearchIdeation
Prototype
Going Forward
Variables
Variables
Project OverviewResearchIdeation
Prototype
Going Forward

Takeaways:

1. Impact:
‍The app is clean and easy to navigate according to the initial test users.
2. what I learned:
1. Accessibility: The design must ensure easy access for all users including people with disabilities.
2. Understanding User Needs: Listening to and observing user behavior is key to creating truly effective solutions.
3. Rapid Prototyping: Creating rapid prototypes helps test, validate, and refine ideas in a timely manner.
4. Iteration: Design is an ongoing process of iteration, with cycles of testing and feedback that help refine the product.

Next steps:

1. Our team will continue conducting random user interviews and usability testing such as SUS to gather more feedback and consistently improve the user experience.
2. We are also adding more screens, enhancing minor features and refining the interface to make the app more visually appealing and user-friendly.
Project OverviewResearchIdeation
Prototype
Going Forward
EmailLinkedIn
Thuan 2025