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.

Visual Design

Project Overview

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.

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.

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.

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.

Interview & Questionnaire

We sent out 100 online questionnaires and received 96 responses.

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

✦ 50% of participants did not have an established routine and were unsure how to keep track of their products/identify right ones for their needs.

✦ Some 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.

Problem Statement

How might we help users track their skincare routine and discover what actually works for their skin?

Initial Moodboard

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

Design Iterations

Iteration #1

Confusing Navigation

After user testing our initial prototype, the first pain point we found was that the app felt scattered and lacked a clear direction for users.

First Version ❌

No clear visual hierarchy, and the featured pages contain very basic information that doesn't inform users how each feature relates to the others.

Final Version ✅

Clear design hierarchy, icons make it easy for users to navigate, and each section is clearly divided to show users that it's a different feature.

Iteration #2

Users didn’t see how their data led to insights

Users found it unclear how their surveys and data connected to any outcomes.

First Version ❌

The check-in itself was confusing because users didn't know what it was for. The insights generated afterward also didn't correlate with their survey responses.

Final Version ✅

The final version clearly connects survey data to the daily insight feature, which tracks skincare progress, recommends products, and highlights effective ingredients.

Iteration #3

Users didn’t see how their data led to insights

Users found it unclear how their surveys and data connected to any outcomes.

First Version ❌

The check-in itself was confusing for the users because they don't know what it's exaclty for. The

Final Version ✅

The final version clearly connects survey data to the daily insight feature, which tracks skincare progress, recommends products, and highlights effective ingredients.

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