Mobile Product Design
Snack Ordering
App
Design of a mobile ordering experience that helps cinema visitors discover snacks, reorder favorites, and complete purchases faster — reducing friction between browsing and checkout.
01 · Overview
The problem
Cinema snack ordering generated significant revenue, but the existing experience created friction at almost every stage. Customers waited in long queues, had limited visibility into the menu, and often abandoned orders when checkout became too cumbersome.
Long ordering queues
Peak-hour queues created unnecessary waiting and made the ordering experience stressful for customers.
Limited menu visibility
Customers could not easily explore the full menu or make decisions before reaching the counter.
Checkout friction
Manual payment and multiple checkout steps increased the time required to complete an order.
Limited convenience
Customers had no simple way to reorder favorites, save preferences, or request delivery directly to their seats.
“The goal was to move the ordering experience from a queue-based transaction to a faster, more personalized mobile journey.”
02 · Research & Insights
Understanding the ordering experience
I interviewed 5 cinema-goers and surveyed 20 frequent visitors to understand where customers experienced friction before, during, and after ordering.
Waiting frustration
Users viewed snack queues as one of the most frustrating parts of the cinema experience.
Decision anxiety
Many customers only saw the full menu once they reached the counter, delaying decisions during busy periods.
Checkout friction
Manual payment and multiple steps contributed to abandoned or delayed orders.
Convenience expectations
Users expected a seamless mobile experience similar to other food-delivery and ordering apps.
03 · Design Principles
Designing for speed and context
The experience was designed around the specific conditions of cinema ordering: limited time, low-light environments, repeat purchases, and the need to complete an order quickly.
Speed First
Remove unnecessary steps and reduce cognitive load.
Familiar Patterns
Use interaction patterns users already understand from popular apps.
Personalization
Make repeat orders easier and more relevant.
Context-Aware
Design for low-light, time-pressured cinema environments.
04 · Key Design Decisions
Turning research into a faster ordering flow
Six core interactions shaped the final experience, from discovery through payment and delivery.
Search + Categories
Give users multiple ways to quickly discover snacks and combos through search and category-based browsing.
Quick Reorder
Surface favorite and previously ordered items directly on the home screen to reduce repeat browsing.
Simplified Checkout
Reduce the checkout journey from five screens to two so customers can move from cart to payment with less friction.
Multi-Payment
Support familiar payment methods and saved cards to reduce manual entry.
Pre-Ordering
Allow customers to order before arriving at the counter or schedule pickup.
Seat Delivery
Allow customers to request delivery directly to their cinema seat.
05 · Iteration
Before & After
Usability testing revealed friction in the checkout flow. I simplified the process and introduced personalization to improve completion rates.
Friction-heavy ordering
- Flat list with no search or categories
- 5-step checkout process
- Manual card entry every time
- No personalization
- No pre-ordering
Faster, more personalized ordering
- Search and categories for faster discovery
- 2-step checkout with saved payments
- One-tap payment options
- Personalized home with favorites
- Pre-order and seat delivery
06 · Impact
A faster path from discovery to order
Usability testing showed a substantial improvement after simplifying the checkout experience and introducing personalization.
07 · Final Designs
Designing the complete ordering journey
The final experience connects discovery, product selection, checkout, payment, and order tracking into one continuous mobile journey.
Home
Menu
Product Details
Checkout
Payment
Order Tracking
Order Complete
08 · Learnings
Takeaways
Reduce friction before adding features
The biggest improvements came from simplifying the core ordering journey rather than adding complexity.
Personalization supports repeat behavior
Favorites and quick reorder patterns make the experience more useful for returning customers.
Context changes mobile UX
A cinema environment is different from everyday food ordering. Low light, limited time, and the possibility of returning to a movie all influenced the interaction design.