Have an idea? Let's get in touch.

© Rachael Ng 2019

Corius - The Application

 

Creating an easy way to track skin health

Role

Research

Ideation

Prototyping

UI/UX

Visuals

Timeline

October - November 2019

(1 month)

Type

Mobile Application

Tools

Adobe XD

Illustrator

THE PROBLEM

From apps that track your skins progress to apps that remind you to drink water, there are already tools to help with skin care. The problem was that there was no app with all these tools in one convenient space. 

Tracking the many factors that influence skin health can be inconvenient and time-consuming. Not only this, but it makes seeing the skins progress an unnecessary challenge.

THE SOLUTION

Corius is an easy to use application that allows users to track their skin health efficiently through inputted data and a visual tracker. The app informs on skin patterns, and allows the user to compare and observe changes according to varying factors.

View the interactive prototype here

RESEARCH

I first recorded my own frustrations, then interviewed friends, family, and strangers. I asked them if they tracked their skin health, frustrations they faced while tracking it, and other pain points in regards to taking care of their skin or finding the motivation to do so. This enabled me to get a better grasp on different skin problems and the tools needed to tackle them. 4 key pain points I gathered from this primary research was:

  1. People want a convenient space where all information relevant to their skin is kept.

  2. People have varying causes for breakouts and skin conditions, tracking all of this can be redundant and inconvenient.

  3. People want to have an easier way to see which products or lifestyle changes aid their skin and which worsen it.

  4. People with little skin knowledge are overwhelmed with knowing what to do with their skin.

With this information I created user personas based on my findings, and recorded tools that could aid in their frustrations. 

COMPETITIVE ANALYSIS

I proceeded to do a competitive analysis, looking at existing skincare apps and looking at what their users found effective and what they didn't. I asked myself what each app was lacking, and how I could fix this. From this research I identified some key tools:

  • Tracked blemishes such as wrinkles, spots, and pimples

  • Tracked when to drink water

  • Told the user about harmful chemicals in their products

  • Provided skincare tips throughout the application

After this, I took all the information I had gathered and created four main user flows.

IDEATION

From sketchbook to screen, I made multiple iterations of the app and made changes along the way as I got some user testing done.

The changes were not drastic, some buttons were made larger and some were moved to different corners of the screen.

Sample of Low-fidelity Mockups

Sample of Mid-fidelity Mockups

VISUAL DESIGN

When designing the interface of Corius, I kept in mind that it was a skincare application. I decided on cool colours, as this gives the user a "clean" feeling. At the same time, I did not want it to look sterile, so I added some bright secondary colours that would compliment the clean look. 

The typeface of choice was Helvetica Neue, as it is familiar amongst all types of crowds, and seeing as everybody has skin, I wanted to use a typeface that would be accepted by most. Not only this, but as it is a modern typeface, it adds to the clean look I was going for.

The logo is just "Corius". I altered a pre-existing font, changing line weights and rounding some corners, to give the logo a friendlier and inviting look. 

SPOT ILLUSTRATIONS

THE APPLICATION

USER ONBOARDING

A simple and straight-forward way for new users to set up their skin profile.

YOUR SKIN AT A GLANCE

The dashboard provides you a quick overview of how your skin is doing, and what things benefit your skin and what things don't, based on your daily logs. For a more in-depth analysis of your skin, you can see more information when selecting an image in the log.

COMPARE

See your skin's progression through images and information. Get a weekly, monthly, or yearly overview, or select two images to compare. 

LOG IT ALL IN

Manage all the information in one place. Adding to the log is a straight-forward and delightful way to track the main factors that influence your skin health.

REFLECTION

This app idea had been floating in my mind for a year before I decided to start the process of designing it. Due to this long hibernation, I had an abundance of tools and services I wanted to include in the application. Although I had a plethora of ideas, I didn't have a plethora of time. In the end, I had to cut out services that were not essential to the application, but I believe would have added to the experience. These services included a:

 

  • Product recommendation service, which would observe the users skin patterns and recommend products based on this information.

  • Product warning service, which would warn users of products with certain ingredients based on the users allergies or chemicals that would not work well with the user.

  • Forum, which would provide users a space to discuss with other skincare enthusiasts or certified dermatologists.

Something I would change for the next iteration is further streamlining the logging system. Although there is a “skip” and “skip all” option, I feel as though there are more effective ways to log all this information. Such as putting all key questions on a single, simple page, with the option for users to go more in-depth if they please.

Overall, I am grateful I was able to bring Corius to life. This project taught me to think from varying point of views, as skin health is a subject that is applicable to everyone. It helped me empathize with my users and understand certain tools that would be important to include and some that weren't as crucial.

DESIGN CHALLENGE

How might we make tracking skin health and the skincare routine more convenient and streamlined for a diverse range of users?