Wardrobe concept + try-on MVP · 2025

Vestly

A fashion app concept that started as wardrobe management and was narrowed into a virtual try-on MVP, combining UX research, brand direction, mobile UI, and React Native development.

AI & AutomationUX/UIMobileFocused MVP

01 · Idea

The problem and the solution.

Why it exists

Vestly started as a digital wardrobe, but research revealed a stronger need: knowing whether an item works before buying it. I narrowed the product to a virtual try-on MVP and designed its flow, UI, identity, and mobile prototype.

What I built

Reframed the original wardrobe management vision into a focused MVP around virtual try-on, keeping the long-term product direction but reducing the first build.
Mapped the core journey from onboarding and profile setup to clothing upload, generated preview, result review, and save or retry actions.
Iterated from rough MVP screens to low-fidelity wireframes and high-fidelity mobile UI, improving hierarchy, copy, loading states, and confidence cues.

02 · Product & design

Experience and identity.

Product case study

From wardrobe vision to virtual try-on MVP.

Vestly started as a broader wardrobe-management idea, then became a tighter MVP around the interaction that carried the clearest value: seeing an outfit on yourself before committing to it.

UX researchProduct scopeMobile UIBrand directionReact Native

Original vision

Digital wardrobe

A place to organize owned clothing, plan looks, and connect inspiration to what users could actually wear.

MVP decision

Try-on first

The first build focused on upload, preview generation, and result review instead of building every wardrobe-management feature at once.

Outcome

Scoped prototype

A focused mobile prototype with onboarding, profile setup, image upload, AI try-on states, final UI direction, and launch visuals.

Research synthesis

Small survey, practical signals.

The research was lightweight and directional: enough to understand how people think about their wardrobe, shopping confidence, and outfit planning before committing to a full product scope.

The original raw survey export is no longer available, so this section is written as a qualitative synthesis of the findings that guided the MVP.

Wardrobes lived mostly in memory

People described choosing from familiar pieces and forgetting items they already owned, especially when planning looks quickly.

Confidence beat cataloging

The biggest friction was not just organization: users wanted to know whether a piece would work on their body, proportions, and style context.

Shopping was already visual

Screenshots, saved posts, and product photos were already part of the decision process, which made image upload a natural MVP entry point.

Setup needed to be short

A full wardrobe import felt heavy for a first session, so the MVP needed to create value before asking users to catalog everything.

Long-term product flow

The broader wardrobe concept still shaped the product logic: organization, smart suggestions, outfit building, try-on, then saving a look for reuse.

Add items

Organize wardrobe

Wardrobe suggestions

Outfit suggestions

Preview try-on

Save look

Implemented MVP flow

The build was narrowed to the highest-risk interaction: getting from a clothing image to a believable try-on preview.

Upload item

Add body context

Generate preview

Review result

Save or retry

Design evolution

Rough first, then clearer.

The strongest part of the case study is the visible progression: early functional thinking, low-fidelity structure, high-fidelity UI, and a brand layer that made the product feel less like a tool and more like a fashion experience.

Rough MVP map

Early screens explored login, onboarding, try-on, saved outfits, and future wardrobe surfaces before the scope was reduced.

Low-fidelity flow

Wireframes cleaned up the onboarding and upload sequence, with placeholders for image selection, confirmation, and result states.

High-fidelity mobile UI

The final direction added clearer hierarchy, stronger CTAs, warm gradients, product cards, loading moments, and coming-soon boundaries.

Launch visual language

Social and brand explorations tested the softer fashion tone: full look, full vibes, AI-powered cues, and a more editorial rhythm.

Visual identity

Soft fashion tech, not cold AI.

The brand system uses a sharp wordmark against warm gradients, black UI accents, and rounded mobile controls. Poppins handles product clarity, while Raleway gives the identity a softer editorial note.

Wordmark