Versay · Premium skincare, rooted in honesty

SECTION 01WHAT THIS CASE STUDY WON'T TELL YOU

• Versay is a premium skincare brand. The work covered here is the brand identity, the product principles, and the full mobile app, designed end to end as a single piece of work.
• I designed it solo. AI tools were used as sparring partners on positioning and copy, not as ghostwriters. Every screen, every brand decision, every voice rule was driven by me.
• The voice rules (sentence-case CTAs, numerals not words, three-to-five word screen titles) are the same constraints I held myself to inside the case study. If the writing here reads consistent with the app, that's why.
• Every screen in this study is real production design, not a polished marketing render. The mockups embedded below are the actual files the team would build against.
• Brand and product were designed at the same time, by the same person. That's the design choice this case study is most about.

SECTION 02STAKES

The skincare category has a credibility problem. Consumers are routinely sold confident promises ("transforms," "reverses," "unlocks") that the products themselves can't keep. Marketing copy lives one tier above what the formulas actually do, and customers know it. The result is a category where the loudest brands are the least trusted, and the most trusted brands are the ones doing something quiet. Telling people what their skin is actually doing and what it actually needs.

Versay is built on that observation. The premise: an opinionated skincare brand that gives users a verdict on their skin. Short, direct, second-person, no hype. The brand sells only the products that verdict implies. Honesty as the product, not the marketing line.

The design problem cut across three layers at once: a brand identity that earns the "honest" claim visually, a set of product principles that keep that honesty alive at every interaction, and a 50-screen mobile app that delivers the verdict without ever drifting back into category default. None of those layers could be designed after the others. They had to be designed together.

SECTION 03REFRAME

The default skincare experience is built around aspiration. The user opens the app, sees product carousels, gets nudged toward a routine, and is asked to trust that the cumulative effect will deliver on a vague but appealing promise. Radiance, glow, luminous, plump. The architecture is designed to keep the user inside the marketing surface as long as possible.

I started Versay from the opposite premise. Before any product gets recommended, the app needs to do one thing well: tell you, plainly, what your skin is. Everything else (the routine, the products, the progress tracking) is the follow-up to that diagnosis, not the lead. The brand's job is to make that diagnosis feel like a friend talking, not a pitch.

The reframe is small to describe and very large to build. It changes the home screen (verdict first, products second). It changes the product detail page (ingredients first, claims second). It changes the routine builder (this is what your verdict implies, not what you might like). It changes the language across every CTA (sentence case, no marketing adjectives). And it changes the brand identity itself. Emerald, calm, plant-rooted, because a confident verdict cannot be delivered in the visual language of an industry that screams.

SECTION 04DECISIONS

The Versay brief produced four design decisions that show up across every surface. The brand book, the app, the voice, the components. Each decision is the same idea translated into a different layer.

MOVE 01 · The verdict, not the regimen

Versay opens with a skin scan and a one-line verdict. Not a routine. Not a product carousel. A sentence that names what the user's skin is actually doing right now.

The design implication is that the diagnosis surfaces have to feel more important than the product surfaces. The verdict screen gets the largest type, the calmest visual frame, and the most generous whitespace in the entire app. Products are surfaced underneath the verdict. Small cards, modest treatment, clearly secondary. The hierarchy reads "this is what you are, here are the things that follow from that," not "here is what we'd like to sell you."

This decision is the one most visible to the user. It's also the one that most distinguishes Versay from competitors, where product carousels are typically the home-screen lead.

MOVE 02 · The closed loop

Skincare doesn't work in single moments. It works in returning practices. Morning routine, evening routine, weekly scan, monthly review. The brand's circular V mark is the visual representation of that loop: a closed circle around the verdict, signalling that the product isn't a one-time answer but a daily container for getting your skin right.

In the app, this shows up as the routine architecture. AM and PM routines are first-class surfaces. Progress journals show how the verdict is shifting over time. The "complete" state of a routine is a small celebration. A check, a streak, a returning ritual. Not a "done, log out" exit. The product is designed to be opened twice a day forever.

MOVE 03 · Honest ingredients

Every product in the app exposes its ingredient stack at the top of the page, before the marketing copy. Active percentages are stated as numerals. Fragrance is flagged when present, not buried. "Free-from" claims are listed with what the product is actually free from, not abstract reassurances.

This decision came from one observation: ingredient transparency is the single design move with the biggest credibility return. Most skincare apps treat ingredients as fine print. Versay treats them as the headline. The Ingredient Breakdown screen is a deliberate piece of the architecture. A place a user can read what's in the product, why it's in the product, and what the brand is not claiming about it.

MOVE 04 · One CTA, one voice

Across all 50 screens, there's exactly one primary CTA on a screen at a time, exactly one button styling for it, and exactly one voice. The voice rules are encoded in the brand book and held strictly:

• Three-to-five word screen titles.
• Second person.
• Numerals, not words. "6 digits," not "six digits."
• Sentence case for buttons. "Continue," not "CONTINUE."
• No marketing adjectives.

The discipline matters because brand consistency in a skincare category is the single thing that separates "honest" from "marketing claiming honesty." Versay couldn't write its CTAs the way the rest of the category writes them and still keep the verdict-first promise. The voice rules are the rails that make sure it doesn't.

SECTION 05SOLUTION

SECTION 06THE VERDICT FLOW

The verdict isn't a screen, it's a journey. The user enters as a stranger to the app, walks through a five-step skin quiz, snaps a self-scan, watches the analysis run, and lands on the verdict screen with usage guidance ready to go. Each step is opinionated, each step is short, each step holds the brand voice. The strip below shows the entire flow back to back.

The strip reads left to right as a single thought. The visual continuity (same emerald, same Poppins, same tile chrome) is what makes the seven screens feel like one product surface rather than seven separate views.

SECTION 07THE ROUTINE LOOP

SECTION 08THE FULL DECK

The four featured surfaces above are the moments that carry the design thesis. Below is the rest of the work. Splash, onboarding, sign up, the full skin quiz, the home, the camera capture, the analysis flow, every product surface, cart, checkout, order tracking, the progress journal, settings, and the subscription paths. Fifty screens, all built against the same brand book, all running the same voice.

SECTION 09BRAND SNAPSHOT

The most leveraged hours on this project were spent on the brand book, not the screens. Once the palette, type system, and voice rules were locked, the screens designed themselves. Every component had a default, every CTA had a voice, every surface had a backdrop. The brand book is what kept 50 screens consistent without a 20-person team enforcing it.

The full brand book covers more. Selection states, icon recipes, spacing scale, iconography rules, motion. The snapshot above is the part that does the most work: palette, type, voice. Those three locked the rest.

SECTION 10LOGO & IDENTITY

Logo & identity

A mark for honest skin.

The V mark reads three ways at once. The verdict, the verbal V for Versay, and the closed loop of a personal skin journey. Below: how the mark holds across packaging, retail, digital, and apparel.

Three ideas, one mark

· 01

The verdict.

The V is the call. Honest, decisive, your skin's actual answer rather than a generic one. The mark commits before it explains.

· 02

The closed loop.

The circle wrapping the V is the routine itself. Cleanse, treat, protect, scan, refine. Skin is never a single product moment, it's a loop you keep returning to.

· 03

The natural.

Emerald grounds the mark in what is alive. Plant-derived actives, natural light, calm. Not a clinical green, a leaf-and-stem green.

Six ways to wear the mark

Primary · EmeraldDefault lockup on cream or paper.

Reversed · WhiteOn emerald, photography, or dark surfaces.

Soft mintFor delicate surfaces, packaging insides.

Mono · InkWhen emerald cannot be reproduced.

Co-brand · CoralLimited editions, partner moments.

Reversed · InkApparel and high-contrast print.

SECTION 11POSTMORTEM