Back to work
Business-driven UXOrdering experienceSystem scalability

Cha Yan Yue Se — Mobile Ordering Concept

An independent mobile ordering concept balancing guided customization, brand discovery, and pickup clarity.

StatusIndependent design concept
RoleProduct Designer
Timeline3 months
DateFebruary 2025
ToolsFigma
Cha Yan Yue Se — Mobile Ordering Concept
01 — OVERVIEW

Overview

Independent design concept · Sole designer · 3 months

I explored how a culturally rooted tea brand could translate into a North American mobile ordering experience. The work covers menu discovery, drink customization, and pickup guidance.

I owned product framing, information architecture, interaction flows, and Figma designs. This is an independent concept with no engineering implementation or brand affiliation.

02 — THE DESIGN QUESTION

The Design Question

How could a new customer discover unfamiliar drinks while still ordering efficiently? I examined mobile commerce patterns to explore the tension between cultural storytelling, customization depth, and a clear path to purchase.

Design framing for a mobile tea-ordering experience
Exploration framing: connect product discovery, customization, and the pickup journey.
03 — KEY DESIGN DECISIONS

Key Design Decisions

Pace customization step by step

The proposed flow reveals drink options progressively rather than presenting every choice at once.

Trade-off: guidance narrows the immediate decision, but adds steps for returning customers who already know their order.

Concept screens for progressive drink customization
Concept flow: introduce customization choices in sequence.

Put discovery beside a direct ordering path

The landing experience combines product entry points with space for brand context. The intention is to let interested customers explore while keeping ordering easy to locate.

Trade-off: storytelling and promotional content compete for attention. Their placement needs validation through actual ordering tasks.

Concept landing screens balancing product discovery and brand content
Landing concept: product discovery and brand introduction share a clear hierarchy.

Continue the flow through pickup

Order status, arrival guidance, and a QR-based pickup concept extend the experience beyond checkout.

Trade-off: the interface depends on operational processes. Pickup behavior would need to be designed with staff before implementation.

Concept order-status and pickup screens
Pickup concept: communicate what happens after an order is placed.
04 — OUTCOME & NEXT STEPS

Outcome & Next Steps

The deliverable is a mobile interaction concept. The design hypotheses concern comprehension, ordering effort, and pickup confidence; no conversion lift is claimed.

I would test first-time and repeat ordering separately, then review pickup assumptions with people running the service. That would show where guidance helps and where a faster path is needed.

Business-driven UXOrdering experienceSystem scalability