SKIN BREAKDOWN
SKIN BREAKDOWN
An all-in-one skincare app to help users manage routines and discover products while enhancing their shopping experience.
An all-in-one skincare app to help users manage routines and discover products while enhancing their shopping experience.
MY ROLE
User Research & User Experience Design
TOOLS
Miro, Figma, & Adobe Illustrator
METHODS
Competitive Analysis, Survey, Wireframing, & Usability Tests
PLATFORM
Mobile
01. OVERVIEW
01. OVERVIEW
Skin Breakdown is an application to help guide and educate users on what skincare is about. Some users are novices, while others are experts. Despite where the user may be in their knowledge of skincare, this application will help support and guide them. The design of this application was completed by a team of two and displayed at the New Jersey Institute of Technology's Design Fair. My role was making a survey to analyze and synthesize its data, leading usability tests, and wireframing screens to prototype on Figma.
Skin Breakdown is an application to help guide and educate users on what skincare is about. Some users are novices, while others are experts. Despite where the user may be in their knowledge of skincare, this application will help support and guide them. The design of this application was completed by a team of two and displayed at the New Jersey Institute of Technology's Design Fair. My role was making a survey to analyze and synthesize its data, leading usability tests, and wireframing screens to prototype on Figma.
02. PROBLEM
02. PROBLEM
Using several apps to manage skin concerns, product research, and routine building reduces efficiency and creates a fragmented user experience.
Skincare can be complex and confusing, with new products constantly being launched, formulations and prices changing, and unknown ingredients. There are already several skincare applications on the market that offer features to address some of these problems. Some offering AI scanning for skin and products, building routines, and support for shopping online. These features are available but on separate applications rather than being integrated altogether. Users have to reference several applications to address certain concerns to access the needed feature.
Using several apps to manage skin concerns, product research, and routine building reduces efficiency and creates a fragmented user experience.
Skincare can be complex and confusing, with new products constantly being launched, formulations and prices changing, and unknown ingredients. There are already several skincare applications on the market that offer features to address some of these problems. Some offering AI scanning for skin and products, building routines, and support for shopping online. These features are available but on separate applications rather than being integrated altogether. Users have to reference several applications to address certain concerns to access the needed feature.
Challenge 1
Unknowledgeable on skincare product ingredients.
Challenge 1
Unknowledgeable on skincare product ingredients.
Challenge 2
Using several apps for product discovery and skin concerns.
Challenge 2
Using several apps for product discovery and skin concerns.
Challenge 3
New products constantly being launched and prices changing.
Challenge 3
New products constantly being launched and prices changing.
03. UX RESEARCH
03. UX RESEARCH
A competitive analysis was conducted to understand where these applications were succeeding and failing. I analyzed the three most highly rated skincare apps on Apple's App Store. For each of the applications, I collected the most and least starred reviews to understand what pains users were experiencing within the application.
Additionally, a survey was conducted to collect quantitative data on users' personal experiences with skincare. A Google form was used with a total of 81 responses. Many stated feeling overwhelmed with what products to use and unsure of how to start.
A competitive analysis was conducted to understand where these applications were succeeding and failing. I analyzed the three most highly rated skincare apps on Apple's App Store. For each of the applications, I collected the most and least starred reviews to understand what pains users were experiencing within the application.
Additionally, a survey was conducted to collect quantitative data on users' personal experiences with skincare. A Google form was used with a total of 81 responses. Many stated feeling overwhelmed with what products to use and unsure of how to start.
70%
70%
Felt unsure of what were the ingredients in skincare.
Felt unsure of what were the ingredients in skincare.
80%
80%
Felt concerned about skincare product price.
Felt concerned about skincare product price.
88%
88%
Felt lost in finding the right skincare product.
Felt lost in finding the right skincare product.
04. GOALS
04. GOALS
Design an application that will enhance product discovery and help users manage skin care concerns to improve user experience and efficiency.
Based on our research, we aim to design an application that will unify the experiences provided from other application while addressing user pain points identified through surveys.
Design an application that will enhance product discovery and help users manage skin care concerns to improve user experience and efficiency.
Based on our research, we aim to design an application that will unify the experiences provided from other application while addressing user pain points identified through surveys.
Goal 1
Design features that will support user's skin care and product discovery.
Goal 1
Design features that will support user's skin care and product discovery.
Goal 2
Synthesize the data analyzed from survey and competitive analysis.
Goal 2
Synthesize the data analyzed from survey and competitive analysis.
Goal 3
Utilize feedback from usability tests to support the Hi-fidelity prototype.
Goal 3
Utilize feedback from usability tests to support the Hi-fidelity prototype.
05. UX DESIGN
05. UX DESIGN
The UX design process focuses on translating these research insights into user flows, wireframes, and usability testing for the hi-fidelity prototype.
The UX design process focuses on translating these research insights into user flows, wireframes, and usability testing for the hi-fidelity prototype.
USER FLOW
USER FLOW
A user flow was created to illustrate the intended navigation a user takes to check product compatibility, helping determine which screens to prioritize in wireframing.
A user flow was created to illustrate the intended navigation a user takes to check product compatibility, helping determine which screens to prioritize in wireframing.
WIREFRAME
WIREFRAME
The wireframe defined the layout, functionality, and structure of key screens that were identified through the user flow process.
The wireframe defined the layout, functionality, and structure of key screens that were identified through the user flow process.
USABILITY TESTS
USABILITY TESTS
Paper prototypes were made and unmoderated usability tests were conducted by three participants.
Paper prototypes were made and unmoderated usability tests were conducted by three participants.
06. UI DESIGN
06. UI DESIGN
A fully functional mobile prototype incorporating research insights and design improvements informed by usability results.
The mobile application layout uses clear separation, with drop-down boxes and buttons to switch between information, minimizing cognitive load. A clear navigation allows users to quickly move between routine management, product discovery, and compatibility checks seamlessly.
A fully functional mobile prototype incorporating research insights and design improvements informed by usability results.
The mobile application layout uses clear separation, with drop-down boxes and buttons to switch between information, minimizing cognitive load. A clear navigation allows users to quickly move between routine management, product discovery, and compatibility checks seamlessly.
Key Feature 1
Page containing product information will provide a compatibility checker for user's day or night routine.
Key Feature 1
Scanner that scans both skin and products with a summary of skin progression and ingredients.
Key Feature 1
Page containing product information will provide a compatibility checker for user's day or night routine.
Key Feature 2
A dictionary that provides information on product ingredient and other products containing it.
Key Feature 2
A dictionary that provides information on product ingredient and other products containing it.
Key Feature 3
Scanner that scans both skin and products with a summary of skin progression and ingredients.
Key Feature 3
Page containing product information will provide a compatibility checker for user's day or night routine.
Key Feature 3
Scanner that scans both skin and products with a summary of skin progression and ingredients.
HI-FIDELITY PROTOTYPES
HI-FIDELITY PROTOTYPES
07. RESULTS & TAKEAWAYS
07. RESULTS & TAKEAWAYS
The final design of Skin Breakdown directly addresses the key pain points identified during usability testing and incorporates research insights to enhance the user experience. Multiple design iterations refined the hi-fidelity prototype, improving navigation and task efficiency. Information was strategically segmented to reduce cognitive load, making the questionnaire easy to complete. The prototype allows users to build routines, assess product compatibility, explore ingredients, and track skin progress through scanning.
This project strengthened my skills in user-centered design, particularly in managing high volumes of information across multiple features. I learned how to prioritize content through clear information hierarchy, ensuring the most important elements were places first in a way that felt intuitive to users. Through collaboration with my teammate and insights gathered from research, we iterated multiple times but did not include a usability test after the final prototype. This would be an additional step that would support our design further.
The final design of Skin Breakdown directly addresses the key pain points identified during usability testing and incorporates research insights to enhance the user experience. Multiple design iterations refined the hi-fidelity prototype, improving navigation and task efficiency. Information was strategically segmented to reduce cognitive load, making the questionnaire easy to complete. The prototype allows users to build routines, assess product compatibility, explore ingredients, and track skin progress through scanning.
This project strengthened my skills in user-centered design, particularly in managing high volumes of information across multiple features. I learned how to prioritize content through clear information hierarchy, ensuring the most important elements were places first in a way that felt intuitive to users. Through collaboration with my teammate and insights gathered from research, we iterated multiple times but did not include a usability test after the final prototype. This would be an additional step that would support our design further.
View Other Projects
View Other Projects
Social and Hobby Discovery App
Survey
Mobile Sitemap
Competitive Analysis
NJIT Library App Design
Ethnographic Study
Affinity Map
Data Analysis
Let's stay in touch at
©2026 Isabel P Lopez Paez. All rights reserved.
Let's stay in touch at
©2026 Isabel P Lopez Paez. All rights reserved.