KomeNO

Simplifying ingredient lists

Type:

Self directed project

Medium:

UX / UI

Timeline

2 weeks

As someone with acne prone skin I have to be very careful with the skincare items I use. Certain ingredients will irritate my skin, clog pores, and cause me to breakout. I noticed that the way to check for those ingredients is so time consuming that I sometimes skip it. In order to fix that I wanted to create a an app that makes the process as seamless and simple as possible.

Research

What causes clogged pores?

Clogged pores are caused by a buildup of dead skin cells, oil, and dirt. Certain ingredients cause more build up than others and over time clog pores causing inflammation which results in acne.

My current process

What I currently do if I want to check a product is I search for the product and copy and paste the ingredient list. I paste it into a few different websites to learn more about the ingredient. While this isn’t a terribly time consuming way of checking, it could be faster. When you are standing in a shop trying to figure out the ingredients you might not have the time to search the product and copy and paste.

Acneclinicnyc.com and Incidecoder.com are a few of the websites I visit

Competitors

There are a few different apps that help analyze ingredients. Something that I don’t particularly like about some of them is the way they make it seem like there are “good” and “bad” ingredients. In reality you need to have a nuanced view of ingredient lists and there are no good or bad ingredients. They work together and don’t act on their own in isolation. This way of looking at ingredient lists is based on outdated science. With my app I want to display information in a neutral and non fear mongering way.

Think Dirty and EWG App

Branding

One of the ways I plan to achieve this neutral way of conveying information is through a calm and peaceful color palette. In addition to that I want the whole UI to be minimalist and to the point.

mood board

Design Process

Lo Fi

Hi Fi

Welcome Screen

Search screen

Scanning screen

Loading screen motion design

Item page (non-comedogenic)

Item page (comedogenic)

Saved items screen

Made by Riffmax & Powered by Webflow