AM
Andy MetcalfMarketing + UX
Project factsRole · Team · Timeline
Role
Lead Product Designer
Team
4 designers & researchers
Timeline
Oct – Dec 2024
Tools
Figma · Illustrator · Laser cutter · 3D printing
  • 9 Shoppers interviewed
  • 3 Usability tests
  • 1 Physical build

UNIQLO
Kiosk

A smart fitting room kiosk: swap sizes, get styling ideas, and request alterations without leaving the room.

Swaps screen
Item list screen
Alterations screen
UNIQLO Kiosk mockup
UNIQLO

Overview

Role
Lead Product Designer
Timeline
Oct – Dec 2024
Team Members
Uma Naik (UX Designer)
Giale Le (UX Designer)
Najmi Mohammad Hanis (UX Research)
Tools
Figma, Illustrator, Laser Cutter, 3D Printing

The Problem

Fitting rooms rely on staff for access and size swaps. When something doesn't fit, customers have to leave, find another size, and come back — breaking up the trip and backing up the fitting rooms. Item limits make it worse. And many customers don't know about UNIQLO services like alterations at all.

As a result…

Item limits make it hard to try different outfits and see what works.

I feel like I am bothering them and like to do things I know I can do myself.

The item limit is frustrating—I have to keep leaving the fitting room to grab more.

I didn't know Uniqlo offered alterations. I would of bought a pair of pants if I knew about that.

And behind the door

Staff track fitting room items by hand, which causes delays and the occasional human error in inventory — and keeps associates waiting around the fitting rooms instead of helping on the floor.

Mission statement · Made for all

A kiosk inside the UNIQLO fitting room, so you never have to walk out half-dressed. It keeps track of what you brought in, lets you ask for another size or book an alteration from the screen, and suggests what to try next. Associates get fewer trips to the door and more time on the floor.

My part

I came to the team with firsthand context — I'd worked at UNIQLO and experienced the fitting room friction personally. That gave me a clear starting point for what the kiosk needed to solve. I brought the initial concept to the group and led our research phase, conducting the competitive analysis and co-running the user interviews.

On the design side, I built the style guide, created the lo-fi wireframes, and contributed to the overall visual and interaction design of the kiosk UI. In the build phase, I handled the physical fabrication — laser-cutting the frame and vinyl-cutting the decals — to make sure the final product looked as intentional as the screens inside it.

UX ResearchWireframingVisual DesignStyle GuideLaser CuttingVinyl Cutting

The Solution

We designed a kiosk that puts the fitting room in the customer's hands. It tracks what you bring in with an RFID bin, lets you request other sizes, colors or new items from the screen, suggests outfits based on what you're trying on, and lets you request an alteration — while an associate brings what you asked for, so you never leave the room to find help. Staff get to spend less time tracking items and more time on customers.

Kiosk screen: Automatic Item Tracking

Tap a step, or keep scrolling

01Automatic Item Tracking

RFID technology automatically logs every item brought into the fitting room — no manual check-in required.

Tracking screen

02Effortless Size & Color Swaps

Customers request a different size or color directly from the kiosk. Staff receive the request instantly.

Swaps screen

03Smart Style Suggestions

The kiosk surfaces styling recommendations based on what the customer has brought into the room.

Suggestions screen

04Tailored Pants Alterations

Customers can book alteration services from the fitting room — no separate trip to the counter.

Alterations screen

Research

What we found

The findings pointed at better use of space, ways to get help without flagging someone down, and removing barriers like item caps.

Common fitting room problems

Each square is one of the 9 people we interviewed.

  • Lack of space

  • Not wanting to ask an attendant for help

  • Disliking item caps

How we found it

We looked at how other retailers handle the fitting room — H&M, COS, Ralph Lauren, Aritzia and MANGO — to see what already exists and where it falls short.

Staff assistance delays shopping

H&M and others rely on staff for fitting rooms, but when no one is free, customers go searching for help or make several trips.

Smart technology is limited

COS and Ralph Lauren’s smart fitting rooms allow size requests — but mostly in flagship stores.

Customer comfort is overlooked

Aritzia puts mirrors outside the fitting rooms, which can discourage shy customers from seeking help.

Smart mirrors lack usability

MANGO’s digital fitting rooms let you scan items, but many users find them unintuitive.

Personalization isn’t widespread

Ralph Lauren offers personalized recommendations, but only in select stores.

Scenarios

We storyboarded how the kiosk would fit into a real trip, one scenario per feature — a size swap, outfit recommendations, and an alteration request.

See the original storyboard sketches
Storyboard sketch: During a short lunch break, Alex picks up a blazer to try on but finds it’s too tight.Size swap

1 / 5

During a short lunch break, Alex picks up a blazer to try on but finds it’s too tight.

From Sketch to Prototype

Five steps, from pencil to a kiosk you can use. Step through them — or jump straight to the one you want.

  • Initial sketches & brainstorming

The first sketches worked out a compact kiosk for the fitting room: an interactive display, storage, and RFID built in — a shelf or hanger that tracks what you bring in and syncs with self-checkout, so trying on and buying are one experience. The priorities were function, privacy, and not taking up space in a busy store.

One Flow, Three Fidelities

The same three flows at each stage: the lo-fi frame, the Figma hi-fi, and the coded prototype.

Alterations

Alterations: Lo-fi
01 Lo-fi
Alterations: Hi-fi · Figma
02 Hi-fi · Figma
Alterations: Working prototype
03 Working prototype

Style recommendations

Style recommendations: Lo-fi
01 Lo-fi
Style recommendations: Hi-fi · Figma
02 Hi-fi · Figma
Style recommendations: Working prototype
03 Working prototype

Size swaps

Size swaps: Lo-fi
01 Lo-fi
Size swaps: Hi-fi · Figma
02 Hi-fi · Figma
Size swaps: Working prototype
03 Working prototype
Visual systemStyle guide, type scale and UI parts

Style Guide

Aligning with UNIQLO's sleek and minimalist style.

Color Palette

Primary Red

#FE4042

Black

#1A1A1A

White

#FFFFFF

Blush

#FFCBC4

Light Grey

#F5F5F5

Typography

Heading — Alata Bold

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Body — Inter Regular

Aa

abcdefghijklmnopqrstuvwxyz

Label — Inter Medium, Caps

Service Label

UI Components

Primary CTA

Request Size Swap

Secondary Action

View All Items

Service Card

Alterations

Book a pants alteration

Design System

Style Guide

Typography

AaAlata
AaWork Sans

Colours

#F83142

Primary — CTAs, highlights, brand presence

#FFF6F2

Secondary — Backgrounds, soft surfaces

#C82F49

Dark Red — Hover states, depth

#AEAEAE

Grey — Dividers, metadata, disabled

Type Scale

Display

96px

Alata

Heading 1

48px

Alata

Heading 2

40px

Alata

Heading 3

28px

Alata

Heading 4

20px

Work Sans

Physical Kiosk Design

We built it. Tap a number to see what each part does.

The finished kiosk on a table: a white tablet stand with a UNIQLO Fitting Room frame, red-capped hanger bars on either side, and a UNIQLO-branded bin in front.
  1. The finished kiosk, set up for the demo.

Explore it in 3D

Turn it around, zoom in on the details, and tap the numbers for what each part does.

Loading the 3D model…
Part Design choiceDrag to turn · scroll or pinch to zoom · right-drag or two fingers to moveModelled from photos of the real build — proportions are approximate.

Design Choices

Line drawing of the kiosk: an angled tablet on a stand between red-accented hanger bars, with a tiled UNIQLO bin marked by an arrow.

Setup Vision

The ideal version is wall-mounted inside the fitting room: hooks for hanging items, a storage bin below, and a separate hanging area on the opposite wall for personal items.

The regular hanging place goes on the wall opposite the kiosk.

  • Setup environment vision

Step into the setup vision

The same kiosk, wall-mounted in a fitting room. Walk around it, look in the mirror, or step inside. Walls fade as you move behind them.

Loading the 3D model…
Part Design choiceDrag to turn · scroll or pinch to zoom · right-drag or two fingers to moveA concept, not built: modelled from the Setup Vision drawing — proportions are approximate.

Building It

The frames were laser-cut, other parts 3D-printed and cut from wood, and the bin spray-painted — then finished with a laser-cut pattern and vinyl-cut UNIQLO Fitting Room decals.

  • Laser cutting & 3D printing

  • Wood cutting

  • Spray painting

  • Finished: the bin and its arrow

  • Finished: the start screen

Interactive Prototype

Click through the full kiosk flow — size swaps, item requests, style recommendations, and clothing alterations. All screens are interactive.

Drag your picks into the bin, then tap START — the kiosk reads whatever you put in. No sign-in needed — runs entirely in your browser.

Your picks

Drag into the bin

Now viewing:Start Screen
10:30
UNIQLO Fitting Room

Welcome! Place all your
items in bin below

Your bin is empty — add an item first

UNIQLO Fitting Room
  1. Try itCheck in your items0/3

    1. Drag items from “Your picks” into the bin (or tap them)
    2. Tap START on the kiosk
    3. Check the list on “Is This Correct?” and tap Yes

User Testing Process

We ran three usability tests with UNIQLO shoppers. Four predefined tasks guided each person through the kiosk, and every session ended with a five-question interview.

Task 1: Request a size swap

  1. Request a size swap for a jacket that’s too large
  2. Select a medium
  3. Get to this page from the home screen
  4. Complete and exit

Task 2: Find style recommendations for a work event

  1. Go from the home screen to recommendations
  2. Choose and request a blazer, in medium, to be brought to the room
  3. Complete and exit

Task 3: Request a new item

  1. Go to the catalog from the home screen
  2. Pick a new jacket to try on, in medium
  3. Request it be brought to the room by a staff member

Task 4: Request an alteration

  1. Go to alterations from the home screen
  2. Select jeans
  3. Choose the alteration (cut-off stitch) and type
  4. Request

Interview Questions (Post-Task)

  1. On a scale of 1 to 5, how difficult was it to navigate the kiosk’s functions? Which pages were harder than others?
  2. How did the kiosk add to, or take away from, your fitting room experience?
  3. Are there features you’d like to see added or removed?
  4. Would you rather talk to a staff member directly for any of these functions?
  5. How did you feel about the kiosk experience overall?

Results

Testers liked the concept and how much time it saved. Size requests worked. Five themes showed what didn’t:

Mixed

Ease of navigation

Most testers rated navigation easy — 1s and 2s on the difficulty scale. But the alterations table was flagged as confusing, which said some screens needed clearer instructions and labels.

Mixed

Convenience vs. limits

Size requests were praised across the board. Alterations weren’t: testers wanted to talk to a staff member, because the kiosk didn’t capture how complicated an alteration request is.

Mixed

Style recommendations

Appreciated — but one tester pointed out that browsing could keep people in the room longer, a real problem at peak traffic. It may need limits.

Problem

Lack of visual feedback

No button highlights, no item-selection indicators. Testers often weren’t sure whether a tap had registered.

Problem

Design intuitiveness

Where the “Yes” button sat, and the missing feedback when an item was selected, got in the way of an otherwise smooth flow.

What we changed

  • ✓More visual feedback when buttons are tapped.
  • ✓Progress tracking in the home screen bar, so customers can follow a staff request after they send it.

Conclusion

The kiosk made size requests easy and showed real promise for cutting fitting room inefficiency. But alterations and style recommendations need more work before they stop causing bottlenecks and confusion of their own.

The lesson was balance: convenience only helps if it stays clear. The next round would put clear instructions, responsive feedback, and simpler navigation first.

Reflection

What worked

Size requests. Every tester praised being able to swap a size without leaving the room, waiting in line, or flagging someone down — which is exactly the problem the interviews started from: item limits and repeated trips out of the fitting room.

What I'd do differently

Alterations. We designed them like a size swap — pick, tap, send — and testers told us they aren't: they wanted a person, because an alteration needs a conversation the kiosk couldn't have. I'd also map the staff side earlier. Every request lands on an associate, and the kiosk is only as fast as the person answering it.

What's next

Clearer instructions, responsive feedback, and simpler navigation first. Style recommendations need limits so browsing doesn't hold a room at peak hours, and alterations should hand off to a real specialist instead of ending at a form.

That alteration seam is where I kept going: the WaitWhile redesign followed the order into the back room, and the capacity analysis measured how long it waits there.

One Service, Four Projects

The kiosk is where a UNIQLO alteration can start. Three later projects followed the same order through the rest of the store — switch the lens to see what each one found.

Lens

Fitting Room Kiosk covers 2 of 12 steps.

Customer

Floor staff

Specialist

Manager

Send one lockstitch order through the service and watch where the minutes go.

Product designUNIQLO Fitting Room KioskWhere an alteration can start: requesting one from the fitting room.You’re here
UX researchWaitWhile Alteration WorkflowThe software the service runs on, and the handoff it drops.Read it →Experiment designTailoring Purchase ExperimentWhether offering to tailor clothes gets people to buy them.Read it →Operations analysisAlteration Capacity AnalysisHow much hemming the store can actually do, and where the time goes.Read it →

What this shows

  • Nine interviews, synthesized into an affinity map and personas
  • Sketches to lo-fi to hi-fi, then a physical build
  • Usability tests that found what didn’t work, written up plainly

More work inUX researchDesign

Next Project

← All work

UX research · Service design

WaitWhile Alteration Workflow

Redesigning the app UNIQLO runs its tailoring service on

Like work like this? Tell me what you're building.

Say hi →