With personal care (specifically skin care) being the fastest growing sector in today's environment, consumers are finding it increasingly difficult to stay on top of new product launches, trends, & to know what best suits their needs.
In order to solve this pain point, the NeoSkin AI solution prioritises education across the whole journey;
Questionnaire: This step of the journey helps to contextualise user needs but also introduces the 5 most common skin concerns by visualising them and providing extra information, so the user can understand the first signs of fine lines & wrinkles or what constitutes uneven skin tone.
The Skin Heath Matrix: This is generated in conjunction between the user and AI, helping rank the user's skin concerns and showing which skin facet is their strength. From there, the user can scroll to interact with their skin concerns, learn about their regional results (e.g., a visualisation indicating which area of the face is more dehydrated).
Recommendations: The highest prioritised skin concerns are carried over into the recommendations page by acting as the corresponding tags for each product, for example; if NeoSkin detected that your highest priorities are fine lines & wrinkles, then the product tag will appear as "firming"
Transparency
As pioneers of AI beauty, one of our missions is to demystify and simplify the ways AI powers our technology while acknowledging that technology is not 100% correct 100% of the time.
Here are three ways we ensure our AI is Explainable and the process is transparent:
Onboarding: As the user embarks on their real-time skin analysis journey, they are greeted with an onboarding page that communicates the three-step process, involving an AI Photo Analysis, through icons and copy.
AI Photo Analysis: During the journey, as the user scans their face, NeoSkin signposts the exact moment during which AI analysis takes place by displaying the following copy: "analysing your image against millions of data points."
Flexible Recommendations: At the final stage of the journey, the user has flexibility to make choices beyond AI recommendations by choosing to "filter products by selected concerns." Not only does this signal that AI photo analysis has taken place, but it also empowers the user within their choice and fosters trust.
Intuitive Navigation
Using classic UX principles, the team at Beauty by Holition considered how intuitive navigation can contribute to higher conversion rates by ensuring that users don’t drop off from the experience. Some considerations that went into ensuring lower drop off rates:
Responsive design: Ensuring that the design translates effectively between each device (e.g tablet, mobile, & desktop).
Clear visual cues: For example, button placement is very important to ensure that the user can intuitively move through the journey and reach their end goal. For this we designed a progress bar, a sticky header tab (which allows users to seamlessly switch between skin health results & recommendations), We also considered visual elements such as colour, size, & iconography to highlight navigational elements.
Keeping things simple: It was one of our key objectives to deliver a sleek, clean, & uncluttered interface. During user testing sessions we paid close attention to the design elements which elicited familiarity, clarity, & conveyed information efficiently.
.webp)
.png)
