Bijoy Dharesan UX/UI PRODUCT DESIGN LEADER
CASE STUDY 05 RETAIL / FASHION COMMERCE

In-Store Apparel Shopping — Fashion Discovery Kiosk

Shoppers were leaving stores without complete looks, because outfits were spread across fragmented racks and depended on busy floor associates. That was a large retail problem, and it cost basket value and cross-sell. The kiosk solves it by letting shoppers build, validate, and buy complete looks on their own.

badge ROLE
UX Lead

UX Strategy, In-Store Field Research, IA, Interaction Design, Prototyping

schedule DURATION
4 Months

Concept ideation to high-touch interactive kiosk MVP handoff

groups STAKEHOLDERS
Retail & Store Teams

Retail Store Associates, Merchandisers, Omnichannel Leads & Shoppers

trending_up IMPACT FOCUS
+ Basket Lift

Cross-sell outfit bundling, 360° virtual trial, zero-staff empowerment

In-Store Fashion Kiosk — Category Discovery Landing Canvas
Kiosk Home Screen showcasing Category Discovery and Occasion-based browsing
zoom_in Click to inspect Full Kiosk Portal 1920 × 1080px Touch Canvas

Flagship Kiosk Entry Portal: Occasion-driven visual entrance (Indian Wear, Western Wear, Tops, Summer Wear) enabling spontaneous touch browsing in physical store environments.

Home Portal
SECTION 01 · CHALLENGE & RETAIL BUSINESS OPPORTUNITY

Unlocking Outfit Discovery in Physical Retail

The problem was big. Retail experiences pushed customers to shop products one by one across fragmented racks, while customers thought in complete occasion looks. Solving it meant designing a touch kiosk that bridges that gap, so shoppers can build a whole outfit and see its price as they go.

trending_up

The Business Opportunity

The retail team aimed to increase product discovery, improve cross-selling opportunities, raise average basket value, and create a seamless omnichannel shopping experience that empowers shoppers without depending on scarce floor associates.

Projected Basket Value Shift +38% Multi-item Outfit Cart
Single Item Paired Apparel Full Ensemble (Top + Bottom + Acc)
Metric Target: Cross-Sell Basket Expansion
psychology_alt

The Friction Points

“How might we help shoppers discover, compare, test, and purchase complete outfits without depending on store staff?”

  • remove Visualization Deficit: Customers lacked confidence mentally combining independent pieces across racks.
  • remove Physical Fatigue: Carrying garments across broad floor plans to inspect drape in fitting rooms.
  • remove Styling Staff Bottleneck: Unavailability of styling associates during peak retail evening and holiday hours.
Solution Focus: Zero-Staff Empowerment
SECTION 02 · USER RESEARCH & JOURNEY MAPPING

Translating In-Store Psychology into Digital Flow

Ethnographic observations and customer interviews revealed three baseline cognitive habits when shoppers browse in fashion stores.

01

Customers Think in Outfits

Shoppers rarely seek an isolated garment; they imagine celebrations, ceremonies, and harmonious looks. Catalogs must reflect this cognitive model.

02

Visual Exploration Drives Decisions

Static hanging garments on racks hide silhouettes. High-definition 360° live-model representations bridge the gap between imagination and reality.

03

Confidence Unlocks Conversion

Shoppers abandon carts when uncertain about pant-top harmonizing. Clear validation and real-time total pricing unlock rapid checkout velocity.

The Five-Stage Shopper Kiosk Journey Map

From ambient physical walk-in to completed kiosk outfit purchase

EXPLORE → COMPARE → TEST → DECIDE → PURCHASE
User Journey Map detailing Explore, Compare, Test, Decide, Purchase phases
zoom_in Click to enlarge Journey Architecture Figure 1.1 · Kiosk Experience Flow

Journey Architecture: Mapping emotional confidence dips during physical fitting room trips and turning them into positive moments via immediate interactive virtual testing.

Field Deliverable
SECTION 03 · SOLUTION & CATEGORY DISCOVERY

Four Core Interaction Pillars

Structuring the physical touch kiosk around fluid tactile discovery, paired curation, and modular assembly.

grid_view

1. Visual Discovery

Moving past crowded alphabetical menus toward high-impact image tiles categorized by silhouette and occasion.

Occasion First
auto_fix_high

2. Contextual Pairings

Surfacing curated complementary items directly within the active attire's view rather than generic algorithms.

Stylist Matching
shuffle

3. Mix & Match

Allowing shoppers to dynamically swap out bottom-wear or dupattas without resetting the selected kurta context.

Modular Swap
checkroom

4. Trial Mode

The flagship interactive staging room where multi-garment ensembles coalesce with live price computation.

Virtual Fitting
Category Discovery & Tactile Carousel Entry Canvas
Kiosk Category Discovery Screen
zoom_in Click to enlarge Category Discovery

The high-touch entry screen accommodates varying customer standing heights with an ergonomic 48px touch boundary, high-contrast typography, and intuitive horizontal gestures.

SECTION 04 · USABILITY TESTING & USER VOICE

Translating Shopper Quotes into Kiosk Features

Testing prototype iterations with 14 in-store retail shoppers uncovered essential ergonomic and behavioral insights that shaped our feature roadmap.

format_quote Shopper Insight

“I don't shop for products. I shop for an occasion.”

Design Translation: Occasion-first home taxonomy (Casual, Festive, Formal) over raw category lists.
format_quote Shopper Insight

“What can I wear with this?”

Design Translation: Curated stylist pairings surfaced directly on PDP with complementary pants and dupattas.
format_quote Shopper Insight

“This is actually fun. I can try combinations without walking around the store.”

Design Translation: Introduced instant virtual “Trial Mode” avoiding physical fitting room fatigue.
format_quote Shopper Insight

“I like that I can change the pants and keep the kurtha.”

Design Translation: Mix-and-match lock mechanics allowing swap of individual garment pieces independently.
format_quote Shopper Insight

“The Trial view gives me confidence before I add everything to the cart.”

Design Translation: Aggregated outfit summary, combined real-time pricing tally, and 1-click “Add Full Look to Cart”.
SECTION 05 · DESIGN PROCESS & STYLE GUIDE

Kiosk Ergonomics & Component System

Designing for vertical standing touchscreens required tailored ergonomic parameters: minimum 48px touch targets, high contrast ratios to combat harsh retail lighting, and generous spacing to prevent accidental taps.

touch_app

In-Store Hardware Ergonomics

Shoppers stand at arm's length (45–60cm). Touch targets are prioritized within the ergonomic reach zone (between 90cm and 140cm off the retail floor).

Engineered Palette:
#26c296 Teal Action
#4884fa Royal Blue
#192d55 Deep Navy
#757f93 Muted Slate
#1a1a1a Dark Ground
TYPE: Source Sans Pro Family View Prototype open_in_new
Style Guide & Design Components Design Tokens
Kiosk Style Guide highlighting Color Palette, Typography, and UI Components
zoom_in Click to expand Style Tokens Colors · Icons · Buttons · Swatches

Component library tokenized for kiosk hardware: high-visibility cart pills, swatch selectors, and high-readability numeral tags.

SECTION 06 · THE MVP SHIPPED EXPERIENCE

The Shipped Kiosk User Flows

The full tactile interface broken down into three core customer steps: Catalogue Exploration, 360° Inspection, and the Interactive Trial Mode centerpiece.

1

  Product Listing View (PLP)

Step 01 · Catalogue Exploration
Product Listing View showcasing Visual Attire Catalogue and Price Tags
zoom_in Click to expand Catalogue View

A high-density tactile grid presenting apparel categories with immediate pricing, available sizing markers, and streamlined filter facets configured for quick single-hand tapping while standing.

2

  360° Product Detail & Stylist Recommendations

Step 02 · Drape & Styling
360° Product Detail View with interactive model rotation and recommended pant pairings
zoom_in Click to expand 360° View

Full 360° model view enables customers to inspect drape, fit, and back profile of the kurtha. Directly below, an intelligent stylist recommendation engine surfaces complementary pants, leggings, and dupattas styled specifically for this garment.

3

  Interactive “Trial Mode” (The Core Innovation)

INTERACTION PATTERN
Interactive Trial Mode showcasing mix-and-match bottom/kurtha selector with combined price
zoom_in Click to expand Trial Mode Canvas

A virtual trial fitting canvas that lets shoppers mix-and-match bottom garments while holding the top kurtha constant. Real-time bundle pricing recalculates dynamically, providing instant confidence to complete 1-tap cart additions.

verified Swap pants without resetting top
verified Instant combined pricing tally
verified 1-click “Add Complete Look”
SECTION 07 · IMPACT & LEADERSHIP REFLECTION

Core Innovation, Reflection & Takeaways

lightbulb

  The UX Reflection

“The strongest learning was that customers do not want recommendations to make decisions for them. They want guidance and control. The Trial experience balanced both by enabling shoppers to build, validate, and personalize outfits before purchase.”

Guided Autonomy Bijoy Dharesan
verified

  The Final Outcome

Evolved the kiosk from a static digital catalogue into an active in-store styling assistant. It bridges by connecting in-store shopping with digital inventory to increase cross-sell sales.

Self Service
Reduced associate drag
Multi SKU
Outfit Cart Lift
Omnichannel Retail Success MVP Validated
YOU HAVE SEEN ALL CASE STUDIES

Back to the portfolio

Explore the selected works, or get in touch about a complex product problem.