Skip to main content
UI Coach Logo
Back to challenges
Hard

Outfit Planning With Tailor Handoff

Design a styling tool that helps someone explore outfits for an occasion, request useful feedback, and prepare alterations for a local tailor.

Mobile, Tablet

The brief

Understand the problem

Background

Clothing recommendations often rely on narrow body assumptions and push new purchases. A more useful tool can start with the wearer's own wardrobe, comfort, occasion, and alteration needs.

User context

Nadia is attending an outdoor wedding and wants to restyle a suit she already owns. She needs breathable layers, flat shoes, and a trouser alteration before next Friday.

Product problem

The product must support visual exploration without judging bodies, expose sizing uncertainty, and translate a styling choice into precise alteration requirements.

Objective

Create occasion setup, wardrobe-based outfit suggestions, private feedback, and a local tailoring request.

What to design

Define the experience

Required experience

  • Occasion and comfort setup
  • Wardrobe-first outfit exploration
  • Private feedback request
  • Tailor quote and fitting plan

Screens and states

  • Occasion brief
  • Outfit builder
  • Feedback view
  • Alteration request
  • Tailor comparison

Core user flow

Follow the critical path

  1. 01

    Nadia enters the event and comfort needs

  2. 02

    She builds two outfits from saved garments

  3. 03

    She asks two friends for focused feedback

  4. 04

    She sends trouser measurements and photos to verified tailors

Product rules

Requirements and constraints

Requirements

  • Avoid body ranking and prescriptive labels
  • Prioritize owned items before new products
  • Keep shared photos limited to chosen people
  • State measurement uncertainty
  • Compare tailor scope, timing, fittings, and price

Constraints

  • Camera previews do not guarantee fit or color
  • Body measurements are sensitive
  • The deadline may limit tailor availability

Reality check

States worth considering

A garment photo has poor color
Friends give conflicting feedback
Measurements are incomplete
No tailor can meet the deadline
Alteration affects another garment feature

Ready-to-use content

Mock data

Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.

Wedding outfit

  • Navy suit, already owned
  • Ivory linen shirt, already owned
  • Trouser hem: shorten about 3 cm
  • Event: outdoor, 16:00 to 22:00
  • Tailor deadline: fitting by Tuesday

Finish line

What to deliver

  • Five mobile or tablet screens
  • A respectful fit and measurement handoff to a tailor

If you want more

Optional extensions

Add wardrobe cost tracking
Design a repair option instead of replacement

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Color palette
#1C1B19
#C7B89F
#649853
#735D5F
#87759D
Font pairing
SintonyDancing Script

Sintony & Dancing Script

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations