Skip to main content
UI Coach Logo
Advanced

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, Tablet4 hours plus

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.

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

Keep practicing

Advanced
E-commerce

Grocery Shopper With Substitution Approval

Design a grocery delivery flow where a shopper follows a detailed list and receives timely decisions about unavailable items.

Mobile4 hours plus
Interaction DesignError Handling
Advanced
E-commerce

Scan and Go Grocery Checkout

Design an in-store checkout flow where shoppers scan items as they shop, resolve mistakes, and pay without a staffed register.

Mobile4 hours plus
Interaction DesignError Handling
Intermediate
E-commerce

Room Makeover Preview

Design a room visualization tool that helps renters test decor choices, compare combinations, and shop with realistic scale information.

Mobile2 to 4 hours
Interaction DesignMobile Design
Intermediate
E-commerce

Hair Color Try On and Salon Brief

Design a camera preview that compares hair color options and turns a chosen look into a realistic salon consultation brief.

Mobile2 to 4 hours
Mobile DesignTrust and Safety
Intermediate
E-commerce

Nearby Deal Alerts

Create a local shopping alert that surfaces relevant offers without exposing precise location history.

Mobile1 to 2 hours
Mobile DesignTrust and Safety
Intermediate
E-commerce

Scan a Product Brand and Origin

Design a product label scanner that explains brand ownership, verified origin details, and credible customer guidance.

Mobile2 to 4 hours
Information HierarchyTrust and Safety