YourSkin: redefining skin care routines using personalized analysis

In this project, I present “YourSkin”: a smartphone application which solves some of the major problems faced by people who want to take good care of their skin. This we did by integrating existing technologies and services to help people save time, money and offer them a personalized skin care routine.

Role

I worked on this project as a UX researcher and UI designer. Main areas of responsibility:

  • Project management
  • UX analysis (user flows, sitemaps, personas, wireframing etc.)
  • UI Design (app and landing page)
  • Lo-fi prototyping (basic flow and interactions)

Duration

For this project, we had 9 days in total.

Team

Our team existed of 3 people. Helena Ilyuk, Maria Arranz Dominguez and me.

 

The challenge

Our skin care advice app was designed to save time and money while recommending personalized products with the right ingredients and needs. We have observed that finding the right skin care routine is time consuming or really expensive, which is causing people to not apply the right treatment to their skin.

Our skin care advice app was designed to save time and money while recommending personalized products with the right ingredients and needs. We have observed that finding the right skin care routine is time consuming or really expensive, which is causing people to not apply the right treatment to their skin.

The major problems and needs are listed as follows: 

  • Users think skincare routines contain too many steps
  • Users think the full prices and ingredients are not clear
  • Users are not sure how to keep track of their skin behaviour
  • Users don’t like buying offline because they want objective online reviews

This leads to the following How Might We statement:

How might we save the user time and money by recommending a personalized skin care routine focused on what they need?

The solution

We conducted semi-structured interviews with 5 people and collected survey answers from 23 people to understand the problem space and their overall experience of buying and using skin care products.  This helped us to explore different problems and go deep down into a few major issues that they currently face.

We then created a persona based on these faced issues, empathized using the format of the empathy map and created their storyboards and user journey map to visualize how our main persona would experience her current quest for a good skin care routine

Competitor analysis

To get a main overview of the current market and our competitors, we did a competitor analysis. Focusing on main features, level of personalization and visual features – we got a good overview of how YourSkin can set itself apart from the competition.

Sitemaps and user flows

In the next stage, we first focused on the Moscow method to see what features we could focus on for the minimum viable product. Then we decided to make a sitemap so we could better understand the user’s paths and the future structure of our platform. Thereby, we created the main user flow to get a grip on the structure and user behaviour within our product.

Prototypes and iterations

I’m a big proponent of making quick prototypes and getting it in front of people so that we can test. For this project, we first drew low fi’s to get aligned on the structure – after which we created mid fidelity prototypes in Maze to validate our ideas.

Based on our prototype testing, we came to some conclusions. 

  • 23% of users didn’t immediately understand that they had to take a photo of themselves with the camera button
  • 76% could not find how to see what product was recommended for them
  • There were some buttons that were there but did not have a clear function to the user, and we need to give feedback to the user when they interaction with the buttons

Below, you can see two iteration examples. In the first version, we didn’t really explain anything about the face scan. So we added some extra copy to explain the goal, and what the user had to do.

The next iteration was about the ‘recommended for you’ button. We first thought just a ‘☺︎’ would be enough to illustrate that this would be a recommended product for a user. However, this was not the case. Again: you are clearly not your own user. Therefore, we had to options:

  • Explain somewhere that a ‘☺︎’ means that a product is recommended for you
  • Change the ‘☺︎’ into the text ‘recommended for you’

We decided to go for the second option, to keep the amount of pages and extra information for the user to take in to a minimum.

Visual branding

Before going to the hi-fi,  we needed to get some ideas about the visual branding part. Therefore, we first thought about what we wanted our brand to convey.

After a brainstorm, we went with the following terms: inclusive, trustworthy, radiant and natural.

Besides, we also wanted to compare our competitors on the visual side. For this visual competitive analysis, we checked or 3 main competitors: Skinnary, Feelinmyskin and SkinTheory. The most matching factors we saw for our competitors were: a lot of blue / medical tins, many round forms and a lot of contrast.

To test a color scheme and general visual vibe for our brand, we tested three different moodboards with the following question: which moodboard do you associate most with being inclusive, trustworthy, radiant and natural? With 64% of the votes, the first moodboard really stood out – so we went with that.

Based on our mid fidelity tests and iterations and our visual moodboards tests, we eventually came to the following high fidelity prototype for our app ‘YourSkin’:

Results and reflections

From this project, I had a valuable experience of testing with actual users and experimenting with brand design.

Also, this was definitely not a single iteration process. Our user interviews and prototype testing helped us to validate, test ideas and iterate quickly and come to the – for the assigned time we had – best product.

Learnings

  • Don’t design things in isolation, or test screens in isolation. Always place components in the context of the screen to reveal more information about how they interact within the product.
  • Never assume that you’re the user, even though you might fit perfectly into the main target group.

What I would’ve done better now:

  • Improve the solution by offering more detailed questionnaires at the beginning of the onboarding flow. 
  • We should also make it visually more clear that you can also buy a pack of products, as being a direct morning or night routine.  So not just only a product list to buy, but perhaps directly show an adapted pack of 3 products for one specific skin issue such as acne or dehydrated skin. Next, when the skin issue is solved, the user should be able to easily offer a changing feature for the products.
Scroll up

No posts were found for provided query parameters.