GlowMatch

Project:

Advanced UX Design course

Year:

2026

Timeline:

March–April 2026

Role:

Product Designer (solo)

Tools:

Figma

GlowMatch is a makeup discovery app that turns product browsing into a swipe. Instead of scrolling endless grids and promos, users swipe right on products they like and left on ones they don’t. The app then personalizes recommendations based on skin type, tone, budget and brand preferences. I created the brand identity and designed and prototyped 10+ high-fidelity screens, from the swipe feed to a routine builder.

Scope of Work

Branding
Mobile App Design
Prototyping
Three GlowMatch screens in phone mockups: home, swipe and routines
Problem

Beauty shopping is overwhelming.

There are too many options, constant promos, and reviews that don’t tell you whether something will work for your skin. Shopping for makeup online ends up feeling chaotic and time-consuming instead of fun.

Goal

Make discovery fun, fast and personal.

I set out to simplify how people find products. That meant cutting out irrelevant ads, recommending based on who you are, and helping users feel confident about what they buy.

Research

Looking at how the big players do it.

I started with a competitive analysis of Sephora’s app. Browsing meant scrolling dense product grids, pushing past promo banners, and digging through reviews that weren’t tailored to me. Every step asked for another decision before I found anything I wanted, and that became the core problem GlowMatch set out to fix.

Sephora app home screen, annotated with friction points
Sephora search results for bronzer, annotated with friction points
Research

Search adds even more friction.

Searching for “bronzer” returned 129 results, with a sponsored ad and two rows of filters before the first product. Only two products fit on screen at a time, so comparing options meant a lot of scrolling.

Brand Identity

Building the GlowMatch brand.

I designed the brand alongside the app: a heart-and-lipstick logo and app icon, a pink and teal palette with full tint scales, The Seasons for headlines paired with Poppins for UI text, and a consistent icon set for actions and navigation.

GlowMatch brand board: logo, app icon, pink and teal palette, The Seasons and Poppins typefaces, and icons
User Flow

Mapping every path from Home.

Before going high-fidelity, I mapped how someone moves through the app. Five paths branch from Home: browsing by category, building routines, searching, revisiting Loves and managing settings. Three of them lead to the same product details page.

GlowMatch user flow: log in, then browse by category and swipe, build routines, search, revisit Loves, and manage settings
GlowMatch swipe screen with a bronzer product card and like and skip buttons
Design Decision 01

Swipe right to like, left to skip.

A simple yes or no choice cuts down decision fatigue and keeps browsing quick.

Why it matters: It turns shopping into an interactive experience instead of a chore.

Design Decision 02

Lead with the product, not the paragraph.

Each card puts a large product image front and center, with just the name, price and rating underneath. Details live behind “See more.”

Why it matters: People choose makeup visually first, so the cards do too.

Fanned-out GlowMatch product cards for bronzers and sunscreens
GlowMatch home screen with filters, routine builder and quick actions
GlowMatch routines screen with saved product routines
Design Decision 03

Room to wander, or to get it done.

The home screen offers categories, a routine builder and trending products, so it works for people who are exploring and people who know what they need.

Why it matters: Users can browse in different ways without feeling restricted.

Design Decision 04

Let users set the vibe.

Users can switch between light and dark mode, pick a pink or teal accent, and manage notifications and data sharing.

Why it matters: Personalization runs on personal data, so giving people control over it builds trust.

GlowMatch settings screen in light mode
GlowMatch settings screen in dark mode
Final Designs

10+ screens, one system.

Every screen pulls from the same components, colors and type, from onboarding to swiping to settings in light and dark mode.

Lineup of GlowMatch high-fidelity screens
Takeaway 01

What I learned

Designing solo meant owning every piece, from the brand to the final prototype. It showed me how much small visual decisions shape the whole experience.

Takeaway 02

What’s next

GlowMatch hasn’t been tested with real users yet. Next, I’d run usability tests on the swipe flow to see if it actually reduces decision fatigue, and check whether the personalization questions feel helpful or tedious.