Magic Bubble
A custom soap UI UX design
Description:
Magic Bubble is a concept service that offers customized soap products. The goal of this project is to provide users with a unique and high-end soap experience, personalized according to each user's preferences and needs. This product aims to offer users a healthy, convenient, and enjoyable way to enhance their daily hygiene routine.
Role:
- Academic solo project
Date:
- Sep ~ Oct, 2021
Skills:
- User experience (UX) design
- Research
- Prototyping
- Business & Systems Analysis
- Visual Storytelling

Problem
Despite growing demand for eco-friendly and skin-friendly products, consumers lack an effective platform to connect with quality handmade soaps made from natural ingredients, limiting their access and artisans' market reach .
Goal
To develop an intuitive and user-friendly platform that seamlessly connects consumers with artisanal handmade soap producers, facilitating easy access to eco-friendly, skin-nurturing products while amplifying the reach and recognition of dedicated artisans in the handmade soap community.
Research
Bar soap usage in the US is on the rise, according to Statista. Further secondary research reveals that women lead this trend, with a dominant preference for online shopping. However, satisfaction levels indicate room for improvement.

opinion



User journey map

In my research, I found that people tend to favor bar soap over liquid soap. Through the user journey map I developed, the current soap buying process, both in-store and online, became clear. Based on these findings, I believe an online app for customized handmade bar soaps would be a significant improvement.
Business Model Canvas
SWOT Analysis
User active

Send data
User passive
Surevy
Server
Response
Produce
User
Delivery
Recommend
Delivery
Send
Web
Platform
Selected
formula
Soap
making

Service blue print

After figuring out what our strengths, weaknesses, opportunities, and threats are, it's crucial we visualize how these elements come together in the actual user experience. Now we need to think about how the user will feel and use the application.
System map
Story board


Wireframe

UI

Brand design

Reflection
Learning Experience
This UI/UX project was a comprehensive learning experience that enhanced my skills in research, visual design, user empathy, business planning, and system architecture, and enabled me to begin to understand how to combine user needs with business goals.
Project Insights
Improve user experience: Helped me make the design more intuitive and user-friendly through comprehensive background research and user journey mapping.
Streamline business strategy: With the help of business canvas and service blueprint, projects can be closely aligned with business goals, providing a clear direction for future development and feature launch.
Systematic approach: Use system maps and storyboards to make the design and development process more efficient and set a standard for project workflow.
High-fidelity prototyping: Product mockups and wireframes serve as practical guides for developers, reducing communication errors and speeding up development.