Portfolio Project · Interaction Design · 2022

CHADO
Pitch Pitch

A redesigned tea ordering app that transforms the frustrating bubble tea queue into an enjoyable brand experience — through DIY charm creation, AR reward scanning, and live order tracking.

Role
Individual project
Type
Mobile app redesign
Focus
Waiting UX · Brand retention
C H A D O 9:41 YOUR ORDER 12 8 MIN EST. Order Prep Making Pack Ready WHILE YOU WAIT DIY Workshop Design charm Create → AR Scan Surprise reward Scan →

01 — Problem reframe

The gap isn't
the queue itself.
It's the dead time inside it.

Bubble tea brands compete fiercely on product and social media buzz — but the in-app experience is largely ignored. Users queue, scroll their phones aimlessly, and feel no connection to the brand while they wait.

The real opportunity isn't shortening the queue. It's filling it with something that builds loyalty, surprise, and emotional attachment to the brand.

The question Pitch Pitch asks: can waiting become a feature, not a flaw?

46%
Cite queue wait time as their top complaint Questionnaire, n=54. Queuing system and staff attitude followed, each at 23.1%.
61%
Want deals and member info while waiting The single most wanted in-wait feature. Entertainment and Wi-Fi followed at 38.5% and 23.1%.
84%
Decide where to visit via word of mouth Brand experience — not just product quality — drives repeat visits and social recommendation.

The wait isn't just a queue problem. It's a brand experience problem — and it begins the moment users open the app.

— Core design problem, synthesised from user research + market observation

02 — Research insights

Survey · Shadowing · Interviews.
What users actually experience.

A mixed-methods study: n=54 questionnaire (100% valid response rate) plus in-store shadowing at two outlet types (indoor brand and street kiosk) and three in-depth interviews with regular tea drinkers.

20 min
Queue tolerance ceiling
84.6% of users tolerate waits up to 20 minutes. Beyond that, brand loyalty alone cannot hold them. The clock is ticking from the moment they join the queue.
Behavioural threshold
QR
Digital ordering is praised
Shadowing revealed that QR code pre-ordering — available at one of two outlets — was consistently praised. It reduces perceived wait and shifts the locus of control to the user.
Validated pattern
0
In-wait brand engagement
Neither outlet provided any brand touchpoint during the wait. Users defaulted to scrolling phones — with no connection to the tea brand they were waiting for. A clear design vacuum.
Gap identified
Small gestures matter most
Shadowing note: at the kiosk, staff carefully inserted straws and checked dine-in preference. These small moments of care erased earlier frustrations — net experience ended positive despite a difficult wait.
Delight mechanism

Research scope note: The questionnaire sample (n=54) skewed 76% female and 73.7% office workers — reflecting the brand's actual core demographic but limiting generalisability. Shadowing was conducted at peak hour (weekend indoor) and weekday afternoon (kiosk). Interview findings are directional, not statistically validated. Design decisions treat these as signals to design toward, not fixed facts.

03 — Feature logic

Two features.
One continuous thread.

The design adds two features to the wait experience, each serving a distinct emotional need — but connected by a single object: the user's DIY charm.

During the wait

"Give me something to do with my time."

  • DIY Workshop — users choose a base tea, add-ins, and toppings to build a personalised virtual charm. 3-step creation, real-time cup preview, custom naming.
  • AR Scan — camera-based scan of any environment triggers one of several pre-built animated effects. Each scan has a random probability of unlocking a reward.
  • DIY charm in AR — user can optionally place their created charm into the AR scene, making the two features interact through a single personal object.
Personal charm Random reward
At collection — and beyond

"Make collecting my order feel like a moment."

  • Charm reveal at pickup — the DIY charm appears on the order-ready screen alongside any AR rewards earned, creating a small reveal ritual rather than a plain notification.
  • Points accumulation — both DIY creation and AR scans earn points. Accumulated points can be redeemed for real drinks, tying digital play to tangible product reward.
  • Competition mechanic — occasional brand-run charm contests give the DIY feature a social and competitive dimension, extending retention beyond the visit.
Brand stickiness Real drink unlock

04 — User research

One shared frustration
across every profile.

Whether a casual visitor or a loyal regular, users universally lacked visibility and engagement during their wait. The difference was only how acutely they felt it.

Suri, 28
Educator · Regular tea drinker · Visits with friends
Primary persona

"I want to enjoy my tea quickly, in a relaxed atmosphere."

Live order status Entertainment Timely offers Nearby suggestions
Boring queues No seating info Unknown progress Missed deals

Uses digital ordering and decides by word of mouth. Decides where to go based on brand experience as much as product. Shares moments with friends on social media — the brand has natural social shareability it isn't using.

Fang, 30
Office worker · Biweekly visitor · Light flavour preference
Secondary persona

"Too long a wait, no seating, nothing to do while waiting."

Free customisation Timely offers Order reminders
No queue guidance Quality anxiety Chaotic flow

Visits less frequently but represents the user most likely to be lost to a competitor during a bad wait. Not knowing the production process creates anxiety about order quality — live progress tracking directly addresses this.

Meng, 27 — Teacher · Natural fruit tea · Every 3 days

"I want to sit down and drink as soon as possible."

Long queues combined with limited space and inconsistent execution create accumulated frustration. The bottleneck is perceived time lost — not absolute wait duration. Design response: visible progress plus meaningful activity.

Pei, 31 — Manager · Healthy fruit tea · Weekly

"Fast service, recommendations, Wi-Fi and deals while waiting."

Represents the customer most sensitive to brand quality signals. Concerns about excess additives and misleading ads suggest trust is fragile. The Pitch Pitch feature set must earn engagement, not demand it — hence random AR rewards over guaranteed ones.

Fang, 30 — Office Worker · Light flavour · Biweekly

"No queue guidance — chaotic flow degrades the experience."

Not knowing the production process creates quality anxiety distinct from impatience. Live production step tracking directly resolves this: users see exactly where their order is, eliminating the uncertainty that compounds waiting frustration.

05 — User journey

Where Pitch Pitch
intervenes across the visit.

Arrive & order
  • Scan QR code at store
  • Browse menu, customise order
  • Pay and receive queue number
Pain point: no order visibility after paying. User is left without information about their position or production status.
Pitch Pitch: Live queue position displayed immediately after order. Production steps visible in real time, reducing post-order anxiety.
Wait & engage
  • Check order progress periodically
  • Enter DIY Workshop to build charm
  • Trigger AR scan for surprise reward
Pain point: no brand touchpoint during wait. Users scroll phones with no connection to the brand they are waiting for — loyalty opportunity completely missed.
Pitch Pitch: DIY Workshop and AR Scan turn wait time into creative, reward-linked play. Engagement is voluntary — not forced — preserving user autonomy.
Collect & beyond
  • Receive pickup notification
  • View charm reveal at collection
  • Save charm, collect points
Pain point: collection is transactional with no emotional payoff. Users leave with their drink but no reason to re-engage with the brand digitally.
Pitch Pitch: Charm reveal at pickup creates a small ritual. Points accumulate toward real drink rewards — creating a loop that extends engagement beyond the visit.
06 — Design principles

Three principles that shaped
every interaction decision.

P.01

Waiting should have a purpose

Dead time is the enemy of brand loyalty. Every minute in the queue is an opportunity to create something — a charm, a memory, a reward. The design converts passive waiting into active play without making participation mandatory.

P.02

Surprise beats certainty

Guaranteed rewards create entitlement; random ones create delight. The AR scan is designed so that a no-reward scan still delivers a visual payoff — the surprise of getting nothing is only acceptable if the experience itself was worth having.

P.03

The charm is the thread

The DIY charm is not a standalone feature — it's the connective tissue linking DIY creation, AR display, pickup reveal, and points redemption. One object earns its place across the entire experience arc rather than existing as an isolated widget.


07 — Key screens

Four screens across
the waiting experience.

Each screen owns a specific moment. The visual language — warm beige, Cormorant serif, hairline strokes — is consistent across all states, from functional progress tracking to playful charm creation.

9:41
●●●
C H A D O
YOUR ORDER
12
tap to preview →
8
MIN EST.
Order Prep Making Pack Ready
WHILE YOU WAIT
🧋
DIY Workshop
Design your tea charm
Create →
AR Scan
Scan for a surprise
Scan →
Waiting
Home
Live order progress with two feature entry points
9:41
DIY WORKSHOP
BASE
TOPPINGS
NAME IT
CHOOSE BASE TEA
Oolong
Jasmine
Matcha
Rose
Waiting — Create
DIY Workshop
Select base, toppings, name — cup preview updates live
9:41
AR SCAN
POINT ANYWHERE
SCAN
3 scans remaining today
🎉
Lucky Draw!
You unlocked a reward
🎟
REWARD
10% Off
Waiting — Surprise
AR Scan
Scan any environment · Random reward reveal
9:58
●●●
ORDER COMPLETE
Your order
is ready
NO. 12
Autumn Sip
TODAY'S REWARD
+ 50 pts
Pickup
Order ready
Charm reveal + reward summary at the pickup moment

08 — Competitive positioning

Not a better ordering app.
A different experience layer.

Existing tea and coffee apps solve the transactional layer well. Pitch Pitch's position is the experiential layer that competitors leave entirely empty — the time between order and collection.

Product Mobile ordering Live order tracking In-wait engagement AR experience Personalisation play Reward loop
HeyTea Partial Partial
Nayuki
Starbucks Partial Partial
Generic F&B mini-programs
CHADO — Pitch Pitch

09 — Design outcomes

What Pitch Pitch delivers.

01

Live progress tracking

Real-time production step visibility eliminates the anxiety of not knowing. Five production stages are visible in-app from the moment of order — reducing perceived wait time and quality uncertainty simultaneously.

02

DIY Workshop + AR Scan

Two interlinked wait-time features — charm creation and AR scanning — turn passive queuing into active brand engagement. The DIY charm acts as a connective thread across both features and the pickup moment.

03

Integrated reward loop

Points earned through DIY creation, AR scans, and visits accumulate toward real drink rewards. Occasional charm competitions extend engagement beyond individual visits, creating a reason to return beyond the product itself.

10 — Reflection

What worked.
What I'd do differently.

What worked

  • Reframing the wait as an opportunity — rather than a problem to minimise — unlocked a completely different solution space. The constraint became the brief.
  • Grounding the DIY feature as non-transactional (charm for fun, not a live order) removed friction from the concept and made the experience feel genuinely playful rather than utilitarian.
  • The random AR reward mechanism preserves surprise value in a way guaranteed rewards never could. The 38% no-reward rate only works if the visual experience itself is worth having — which kept quality standards high throughout design.
  • Research triangulation — survey, shadowing, and interview across two outlet types — surfaced the small-gesture finding (straw insertion, dine-in check) that directly informed the pickup reveal ritual.

If I continued this project

  • Validate whether the DIY charm actually increases brand recall and return visit rate — the emotional attachment hypothesis needs user testing with real prototypes across multiple visits.
  • Test the AR scan frequency cap (3 per day) against real user behaviour — the limit protects reward scarcity but may frustrate users who want to play more, especially during longer waits.
  • Design a seasonal charm system tied to product launches — limited edition charms released with new drinks would create organic social sharing moments beyond the app.
  • Explore whether the charm data (flavour preferences, creation patterns) could inform personalised product recommendations — closing a loop between play and purchase intent.