001 →  Fashion  Stylist
Rational






I chose to design a responsive “Fashion Styling Web App” because many people find it overwhelming to choose outfits that match their personal style, body type, and occasion. Existing platforms like Pinterest or online shops either provide too much content without personalization, or focus only on selling without helping users build confidence in their style.

This project allows me to combine my passion for fashion with UX/UI skills. It’s a chance to design a web app that is functional, stylish, and user-friendly, helping people quickly discover outfits they love, save them, and even connect with professional stylists for guidance.
User flow I

User Story IAs a user, I want personalized outfit suggestions that match my body shape and color palette so I feel confident about what I wear.
User flow II



User Story IIAs a user, I want to upload my clothes into a digital wardrobe so I can keep track of what I own and I want to book a virtual styling session so I can get expert advice for a special event.
User flow III


User Story IIAs a user, I want to browse outfit suggestions and save the ones I like to my personal “Closet” and create a personal mood board.
Low-FidelityLink





Grid SystemPhone: Column: 4 : Gutter: 20 : Margine : 35
Tablet: Column: 8 : Gutter: 20 : Margine : 70
Desktop: Column: 12 : Gutter: 60 : Margine: 120
Style Guide




Colors: Monochrome Editorial

  • White – #FFFFFF (RGB 255, 255, 255)
  • Black – #000000 (RGB 0, 0, 0)
  • Light Gray – #E5E5E5 (RGB 229, 229, 229)
  • Medium Gray – #B3B3B3 (RGB 179, 179, 179)
  • Dark Gray – #333333 (RGB 51, 51, 51)


Mid-FidelityLink 
Responsive Design











High-FidelityLink