Retail Experience · Case Study

T-Retail
Flow

A unified in-store order journey — from the Customer Dashboard to a completed New Order.

Apple HIG-inspired Magenta Welcome + Expert Assist Retail & Care, unified
Scroll
The Brief

One flow,
three design goals

01

Apple HIG as the foundation

Restructured around Apple's Human Interface Guidelines — clarity, depth, and deference — for a native-feeling, trustworthy in-store tool.

02

Merge Magenta Welcome + Expert Assist

One intuitive system serving both Retail and Care associates, instead of two disconnected tools with duplicate logins and mismatched patterns.

03

Modern over manual

Archaic, paper-driven order tracking and dense visual data replaced by a sleek, guided digital flow — queue to pick-and-scan to hand-off.

The Journey

Dashboard to New Order,
step by step

Ten screens, one continuous flow. Tap any screen to view it full size.

01 / 10

Dashboard

Associate home base — a daily snapshot and quick actions in one calm, low-glare view.

Dashboard screen
02 / 10

Orders

The full order list with clear status states, built for fast scanning on the sales floor.

Orders screen
03 / 10

Orders — Detail

Drilling into an order surfaces items and customer context without leaving the list.

Orders — Detail screen
04 / 10

Filter & Sort

Lightweight filtering keeps large order volumes manageable during peak hours.

Filter & Sort screen
05 / 10

Queue

Incoming customers and orders line up here before an associate picks up the work.

Queue screen
06 / 10

Active Orders

A dedicated tab isolates in-progress orders from the broader order history.

Active Orders screen
07 / 10

Active — Detail

The expanded state shows exactly what's needed to fulfill this specific order.

Active — Detail screen
08 / 10

Pick & Scan

A guided pick list with scan-to-confirm replaces manual paper pick sheets.

Pick & Scan screen
09 / 10

Assign Employee

Hand an order to a teammate in two taps — no separate scheduling tool needed.

Assign Employee screen
10 / 10

Camera Access

One clearly-worded permission prompt unlocks scanning the first time it's needed.

Camera Access screen
Why It Works

One design language,
two teams, less friction

Clarity first

Generous whitespace, restrained type, and a single accent color reserved for actions — nothing competes for attention.

Depth with purpose

Subtle elevation and layered cards signal hierarchy instead of heavy borders or dividers.

Built for the floor

Large tap targets, scannable states, and guided steps suit fast-paced retail shifts.

Shared across Retail & Care

Magenta Welcome and Expert Assist patterns are unified, cutting training time and rework.

New Order
Created.

From first greeting to hand-off — one system, zero paper, no dead ends.

T-Retail Flow
Screen enlarged