the problem
Kiosk guests struggled to find items, and guest complaints called the screen confusing.
popeyes · 2026 · ux research
kiosk menu redesign
A kiosk menu guests can find their way through, tested with a three-version coded prototype and two rounds of multi-cohort testing.
the two-minute version
what i did
A coded prototype in three versions at real kiosk size, tested in two rounds with several cohorts.
the result
A hybrid menu, a phased rollout plan and a finished dev handoff.
- versions in one coded prototype
- 3
- rounds of multi-cohort testing
- 2
the problem
guests couldn’t find their way
Kiosk guests struggled to find items. Fewer guests tapped a category from the home screen than the industry benchmark, and guest complaints called the screen confusing.
the process
three versions, one change each
I built a working prototype in three versions at real kiosk size (1080 × 1920), with real product photos pulled from the CMS.
Each version changed one thing, so we could tell what the screen looked like apart from how it behaved. Two rounds of unmoderated testing with several cohorts, with checks so nobody landed in the wrong version.
Arm C, the winning nested rail.
the solution
the whole menu in one column
A hybrid menu: a category rail that keeps the whole menu in one scannable column.
Home: categories on the left, marketing and popular items on the right.
impact & next steps
friction, not failure
Everyone found every item, so the real finding was friction, not failure. Merged categories slowed people down. That led to the hybrid design, a phased rollout plan and a finished dev handoff.
Specs measured, not estimated; every tile mapped to an existing asset.
more from the project
Scroll sideways for the screens that didn’t fit the story.
next up
design system as code
I moved the app’s design system from Figma-only to a versioned code package that engineers and AI coding agents use directly.
or see all 20 projects