Consumer · Mobile app · UX + UI + Brand system

CakePay: check in, order, and pay at The Cheesecake Factory

A 250-item menu is a feature in the dining room and a liability on a phone. CakePay lets guests check in to a location, browse and order ahead, and pay without waiting on a server, inside a brand system with very specific rules.

RoleProduct Designer, research through hi-fi UI
ClientThe Cheesecake Factory
PlatformiOS / Android
CakePay check-in screen and order summary side by side

Who this is for

Research surfaced two very different guests with the same pain. Violet, a young professional, wants digitized menus, food photos, and quick customized ordering without a chatty server slowing her down. Stacy, a nurse and mom of three, needs to find familiar items fast and order for the whole family before anyone melts down. Both hit the same walls: waiting to order, waiting to pay, and a menu that's intimidatingly large.

Personas: Violet Darby, recruiter, and Stacy James, nurse
Two personas anchored every prioritization call: speed for Violet, familiarity for Stacy.

Mapping the dinner that takes too long

The journey map traced a couple's night out from "I don't feel like cooking" through ordering by phone, waiting on arrival, and waiting again to pay. The emotional low points cluster around every phone call and every wait, which is exactly where an app can take over: order ahead, skip the call, self-checkout.

User journey map across define, research, order, collect, enjoy phases
Journey map. Every dip in the emotion curve is a phone call or a wait.
User flow from app open through sign in, menu, checkout, and payment
Core flow: open → sign in → menu → checkout → pay.
App sitemap covering login, check-in, profile, and locations
Sitemap. Check-in is the hub; menu, to-go, and rewards branch from it.

Working within the brand

The Cheesecake Factory's brand book is prescriptive: Gotham for headlines and body, Acta Display for editorial moments, Sabon only in print, and two sanctioned color systems. CakePay's UI runs on the Ribbons palette (chocolate, raspberry, caramel) so the app feels like the restaurant, not a generic food-ordering template.

Brand guidelines spread showing typography and PMS color palettes
The constraint set: typography rules and PMS palettes the UI had to honor.

The product

Check-in is one tap on a full-screen photo. Food is the brand's best asset, so photography leads everywhere. Menu items get the treatment they deserve: a full-width image, calories up front, plain-language descriptions, and one primary action. Ordering, favorites, payment methods, and rewards live one tap away in the drawer.

CakePay check-in screen on a phone over a cutting board
Three phones showing menu item pages and order summary
Menu items: photo-led, calories visible, add-to-cart as the single primary action.
Navigation drawer with profile, favorites, payment, events, and settings
The drawer keeps account tasks out of the ordering path.

What I'd measure

Success criteria were defined around the two personas: time from open to order placed, self-checkout completion rate, and repeat usage through the rewards loop.