WheareAI
WheareAI
WheareAI
AI Wardrobe App
AI Wardrobe App
AI Wardrobe App
Overview
Overview
Founding Product Designer and Front-End Engineer for WheareAI — an AI wardrobe and outfit-discovery MVP built in React Native (Expo).
I owned end-to-end UI: from Figma design system and flows to production components, working directly with founders on roadmap and iteration.
Founding Product Designer and Front-End Engineer for WheareAI — an AI wardrobe and outfit-discovery MVP built in React Native (Expo).
I owned end-to-end UI: from Figma design system and flows to production components, working directly with founders on roadmap and iteration.
The product ties a personal closet to Whearables — our in-app home for AI outfit recommendations — plus swipe-based taste feedback so the experience learns what reads as a “fit” for each person. Built solo on the design/build side using an AI-assisted dev workflow (e.g. Cursor + Claude) to move quickly without a large eng team.
The product ties a personal closet to Whearables — our in-app home for AI outfit recommendations — plus swipe-based taste feedback so the experience learns what reads as a “fit” for each person. Built solo on the design/build side using an AI-assisted dev workflow (e.g. Cursor + Claude) to move quickly without a large eng team.
Features
Features
Wardrobe Management: add and organize pieces; polished Wardrobe and Add Clothes experiences
Whearables: AI outfit suggestions users can browse and react to.
Swipe FIT / NOT IT: fast preference signal for taste and relevance
Cross-platform UI: shared design tokens and components from Figma → React Native
Wardrobe Management: add and organize pieces; polished Wardrobe and Add Clothes experiences
Whearables: AI outfit suggestions users can browse and react to.
Swipe FIT / NOT IT: fast preference signal for taste and relevance
Cross-platform UI: shared design tokens and components from Figma → React Native
Tech Stack
Claude
LLM
Cursor
AI-IDE
Figma
Design Tool
JavaScript
Programming Language
React Native
User Interface Library
TypeScript
Programming Language
Tech Stack
Claude
LLM
Cursor
AI-IDE
Figma
Design Tool
JavaScript
Programming Language
React Native
User Interface Library
TypeScript
Programming Language
Tech Stack
Claude
LLM
Cursor
AI-IDE
Figma
Design Tool
JavaScript
Programming Language
React Native
User Interface Library
TypeScript
Programming Language
Created
Created
2024-2026
Process
Process
Design System & Build
I defined a scalable design system in Figma — type, color, components — and translated it 1:1 into a React Native library so marketing screens and product screens stayed visually consistent and cheap to extend.
That cut one-off styles and made handoff unnecessary: I was both designer and implementer, so decisions in Figma showed up the same in the app.
Design System & Build
I defined a scalable design system in Figma — type, color, components — and translated it 1:1 into a React Native library so marketing screens and product screens stayed visually consistent and cheap to extend.
That cut one-off styles and made handoff unnecessary: I was both designer and implementer, so decisions in Figma showed up the same in the app.
Design System & Build
I defined a scalable design system in Figma — type, color, components — and translated it 1:1 into a React Native library so marketing screens and product screens stayed visually consistent and cheap to extend.
That cut one-off styles and made handoff unnecessary: I was both designer and implementer, so decisions in Figma showed up the same in the app.
Core Product UX
The MVP centers on getting clothes into the closet, surfacing Whearables (recommendations), and closing the loop with feedback. I designed and built the main tab architecture (closet, add flows, Whearables), interaction patterns (gestures, loading, empty states), and the swipe experience so recommendations feel fast and legible on real devices—not just static mocks.
Core Product UX
The MVP centers on getting clothes into the closet, surfacing Whearables (recommendations), and closing the loop with feedback. I designed and built the main tab architecture (closet, add flows, Whearables), interaction patterns (gestures, loading, empty states), and the swipe experience so recommendations feel fast and legible on real devices—not just static mocks.
Core Product UX
The MVP centers on getting clothes into the closet, surfacing Whearables (recommendations), and closing the loop with feedback. I designed and built the main tab architecture (closet, add flows, Whearables), interaction patterns (gestures, loading, empty states), and the swipe experience so recommendations feel fast and legible on real devices—not just static mocks.
How I worked (and what stuck)
As a founding designer–engineer, tradeoffs were constant: depth vs. time, polish vs. scope, native feel vs. solo bandwidth. I relied on clear component patterns, reuse, and AI-assisted coding to ship a credible consumer MVP with a small team.
If I had another cycle, I’d push further on research-backed validation and analytics-informed iteration—same craft, tighter proof on what moved retention and taste quality.
How I worked (and what stuck)
As a founding designer–engineer, tradeoffs were constant: depth vs. time, polish vs. scope, native feel vs. solo bandwidth. I relied on clear component patterns, reuse, and AI-assisted coding to ship a credible consumer MVP with a small team.
If I had another cycle, I’d push further on research-backed validation and analytics-informed iteration—same craft, tighter proof on what moved retention and taste quality.
How I worked (and what stuck)
As a founding designer–engineer, tradeoffs were constant: depth vs. time, polish vs. scope, native feel vs. solo bandwidth. I relied on clear component patterns, reuse, and AI-assisted coding to ship a credible consumer MVP with a small team.
If I had another cycle, I’d push further on research-backed validation and analytics-informed iteration—same craft, tighter proof on what moved retention and taste quality.