BeaU
End-to-end application design.
Introduction
In today's fast-paced world, the beauty industry has witnessed a significant transformation, with consumers seeking personalized, convenient, and immersive beauty experiences. To cater to this evolving demand, we embarked on a journey to design an end-to-end beauty application that not only simplifies beauty routines but also elevates the overall user experience. This UX/UI case study delves into the process of conceptualizing and designing a comprehensive beauty app that addresses the diverse needs of beauty enthusiasts.
My Role
Ux Researcher, UX/ UI Designer
Length of project
2 Weeks
Tools
Figma, FigJam
Project Goal
Our goal is to design an intuitive and visually appealing beauty app that simplifies users' skincare routines and makeup application, providing a smooth and enjoyable experience for both beginners and beauty enthusiasts.
The beauty industry faces the challenge of catering to diverse consumer preferences and needs, as users seek personalized product recommendations, accurate virtual makeup trials, and trustworthy information while navigating an overwhelming market of beauty products, trends, and influencers.
Problems
We decided to address these challenges by leveraging advanced recommendation systems, seamless virtual makeup trials, and reliable information, in order to enhance the user experience in a saturated market.
Solutions
Design Process
1. Empathize
User Research
Market Analysis
2. Define
User Persona
User Flows
Lo-Fi Sketches
3. Ideate
4. Design
Visual Design
Hi-Fi Wireframes
5. Test
Prototype
Empathize
We first started off by conducting user interviews for our project, which enabled us to capture firsthand insights from our targeted audience, guiding us in crafting a more user-centered and impactful presentation of our work.
User Interviews
Method- In person testing.
Duration- 30 minutes each
Number- 5 people interviewed
We then chose to organize and categorize the diverse range of user feedback and insights collected during our research by using affinity mapping, which enabled us to identify common themes and prioritize key design improvements collaboratively.
Affinity Mapping
User Quotes
Key Insight
• 3/5 interviewees found that the most important feature of a beauty app is product recommendations.
• 5/5 interviewees found that the biggest influence to making their choices is user reviews.
• 4/5 interviewees use social media to find out about new beauty trends.
• 5/5 interviewees expect to see a simple, clear, user friendly design.
• 2/5 interviewees want a feature which allows them to track their makeup inventory.
• 3/5 interviewees want a feature which provides them with makeup recommendations.
Competitor Analysis
We later proceeded in creating a competitor analysis, which helped us gain valuable insights into the market landscape and understand how other players in the industry are meeting consumer needs, helping us identify opportunities to differentiate and improve our product.
Define
User Personas
We created user personas to understand preferences, and goals of our target audience, allowing us to design a more user-centered and effective product that truly resonates with our customers.
Ideate
User Flows
We created user flows to help us set a guided step by step through the user's journey, helping us identify pain points, optimize interactions, and ultimately create a more user-friendly and efficient product.
#1 Trying on and adding to cart
#2 Discovering beauty tutorials
#3 Managing a makeup inventory
Creating a sitemap really helped us navigate the app with a breeze, it effortlessly guided us through the pages, making it easy to find the information users needed.
Sitemap
Lo/Mid Fidelity Wireframes
Before creating a high fidelity prototype we created low-fidelity wireframes which was crucial, as they allowed us to quickly iterate and refine our design concepts, ensuring that we could efficiently identify and address potential usability issues before investing significant time and resources into higher-fidelity prototypes.
Design
Visual Design
In order to create an app with a harmonious color palette, simple typography, and distinctive logos and iconography, we really had to narrow down our choices for visual design to evoke a sense of timeless beauty and sophistication that reflects the essence of our brand and resonates with our target audience.
Typography
Color Pallete
Iconography
Logo & Logo Sketches
Hi Fidelity Frames
Usability Testing
Evaluative research: Identify any potential concerns that need to be addressed in regards to the design to ensure its user friendly. Determine how users interact with the app to establish baseline performance. Understand whether or not users are able to navigate the necessary steps and complete the tasks.
Flows:
#1 Trying on and adding to cart
#2 Discovering beauty tutorials
#3 Managing a makeup inventory
Findings:
• Flow 1: 100% completion rate
• Flow 2: 100% completion rate
Feedback:
Flow1: Using AI Makeup Try-On and Adding an Item to the Cart
• 5/5 participants found the experience to be easy.
• 0/5 participants had slight issues understanding the process.
• 4/5 participants found the process to be a 5 out of 5 on the easiness scale.
Flow 2: Managing Makeup Inventory
• 0/5 participants had slight issues understanding the process.
• 4/5 participants stated that this task was simple and straight to the point.
• 5/5 participants had a fist good impression of the app
• 2/5 participants added additional feedback
Reflection
Creating BeaU, an end-to-end beauty app integrating AI try-on technology, makeup inventory management, and a makeup shop, has been an incredibly enlightening journey. The try-on feature not only allows users to visualize various looks effortlessly but also fosters self-expression and confidence. Managing makeup inventory through the app not only promotes sustainability but also streamlines the daily beauty routine. Furthermore, the makeup shop caters to the evolving preferences of beauty enthusiasts, offering an immersive, convenient shopping experience. Building BeaU taught me the importance of user-centered design, the potential of our personalization system, and the dynamic beauty industry's ability to adapt to new digital framework while enhancing the overall consumer experience.
Test
Prototype
Try it for yourself!
Thank you for scrolling!
I really appreciate your taking the time to check my case study out! Let me know what you think.