SkinSight

A skincare tracking app that monitors your products, expiration dates, and skin reactions to help you build an effective routine and avoid breakouts through data-driven insights.

A skincare tracking app that monitors your products, expiration dates, and skin reactions to help you build an effective routine and avoid breakouts through data-driven insights.

Visual Design

UX

Project Overview

Project Overview

Team: Brian Yoo, Pfiefer Hill, Kai Barnum
Timeline: 7 weeks (2024)
Skills: Prototyping, Visual Design, User Research
My Role: Product Designer

Team: Brian Yoo, Pfiefer Hill, Kai Barnum
Timeline: 7 weeks (2024)
Skills: Prototyping, Visual Design, User Research
My Role: Product Designer

SkinSight is a skincare management app that tracks your products, monitors expiration dates, and logs skin reactions. Born from uncertainty about whether a replacement moisturizer was safe to use, SkinSight provides a centralized platform for organizing routines and gaining data-driven insights about what works for your skin, eliminating guesswork in your skincare journey.


SkinSight is a skincare management app that tracks your products, monitors expiration dates, and logs skin reactions. Born from uncertainty about whether a replacement moisturizer was safe to use, SkinSight provides a centralized platform for organizing routines and gaining data-driven insights about what works for your skin, eliminating guesswork in your skincare journey.


The Problem: Chaotic Skincare Routine

The Problem: Chaotic Skincare Routine

When doing my skincare routine, I encountered a recurring issue: I can't effectively track products, expiration dates, and skin reactions. With no cohesive platform for organizing routines and gaining data-driven insights, figuring out the right products, order, and frequency requires extensive personal research.


When doing my skincare routine, I encountered a recurring issue: I can't effectively track products, expiration dates, and skin reactions. With no cohesive platform for organizing routines and gaining data-driven insights, figuring out the right products, order, and frequency requires extensive personal research.


The Solution: Smart Skincare Simplified

The Solution: Smart Skincare Simplified

Skinsights takes the guesswork out of skincare with a smart, organized system that tracks products, monitors changes, and delivers personalized insights. By simplifying routine management and highlighting what truly works, Skinsights helps users make confident, informed decisions for healthier skin.


Skinsights takes the guesswork out of skincare with a smart, organized system that tracks products, monitors changes, and delivers personalized insights. By simplifying routine management and highlighting what truly works, Skinsights helps users make confident, informed decisions for healthier skin.


Product Preview:

Product Preview:

Research


We started with secondary research on skin product management apps such as the Sephora app and Stilla. We took the apps and broke them down page by page to see what their pain points and strengths were to analyze what features are best for the goal.

We started with secondary research on skin product management apps such as the Sephora app and Stilla. We took the apps and broke them down page by page to see what their pain points and strengths were to analyze what features are best for the goal.

Interview & Questionnaire

We sent out 100 online questionnaires and received 96 responses.





✦ 80% of participants reported experiencing difficulty tracking their skincare products and routines.





Half of them did not have an established routine and were unsure how to keep track of their products or identify the right ones for their needs. Additionally, participants expressed concerns about monitoring expiration dates for their product collections.

My Process

Based off of our problem statement and user research, we brainstormed and selected specific solutions for our 3 goals.

Process Experience Map

This experience map outlines the user flow for the product, covering touchpoints, pros and cons, and potential user growth from start to finish: pre-use, onboarding, adding a product to inventory, creating a schedule, getting recommendations, and finally posting their personalized routine and feedback to receive responses.

Initial Moodboard

We started with three different visual directions for the final solution. We came up with these three distinct moodboard/design systems.

We started with three different visual directions for the final solution. We came up with these three distinct moodboard/design systems.

Design Iterations

Reflection


This project taught me how to translate a cultural moment into a cohesive visual identity. Designing around "musically exciting but visually calm" pushed me to make deliberate, restrained choices, grounding every decision in the emotional context of the Great Recession.


Collaborating in a group of three was equally valuable. We leaned into each other's strengths early on, with me taking the lead on wayfinding and website design while staying involved in each other's work through constant feedback. That balance of ownership and collaboration, backed by strong communication and organization, kept the project unified from start to finish.

Reflection


This project taught me how to translate a cultural moment into a cohesive visual identity. Designing around "musically exciting but visually calm" pushed me to make deliberate, restrained choices, grounding every decision in the emotional context of the Great Recession.


Collaborating in a group of three was equally valuable. We leaned into each other's strengths early on, with me taking the lead on wayfinding and website design while staying involved in each other's work through constant feedback. That balance of ownership and collaboration, backed by strong communication and organization, kept the project unified from start to finish.

Create a free website with Framer, the website builder loved by startups, designers and agencies.