Grab-n-Go
Grab-N-Go is an app that allows users to ditch the long lines and buy snacks and movie tickets
Mobile Design
eCommerce
B2C
Skills
UX Research
Wireframing
Prototyping
Mockups
User Interface Design
Project Overview
Client
Freelance Client
My Role
UX/UI Designer
Grab-n-Go is an app that eliminates the frustration of waiting in concession lines by letting moviegoers pre-order, customize, and receive snacks through express pickup or in-seat delivery. The goal was to design a seamless, inclusive experience that saves time and enhances enjoyment without interrupting the movie.
The Problem
Long concession lines cause stress, rushed decisions, and missed movie moments. Current mobile ordering is unreliable and still requires pickup at crowded counters. Many people skip snacks entirely, leading to lost sales for theaters and a worse experience for users.
The Solution
Eliminate long waits at concession lines to increase users enjoyable experience
Real time tracking to give users better visibility
pre-order, express pickup, and in-seat delivery of snacks to save users time
Accessibility features to make sure the app worked for everyone, no matter their background or location
The Goal
To enhance the moviegoing experience by removing the inconvenience of concession lines. The app was designed to let users pre-order snacks, pick them up quickly, or have them delivered directly to their seats, ensuring a seamless, time-saving, and enjoyable experience without interruptions.
My Process
1
Research and Insights
10 interviews and 10 surverys of frequent movegoers:
-
70% skipped snacks to avoid long lines
-
80% wanted in seat delivery
-
70% avoided refills mid movie
-
Studied competitors like AMC and Regal to identify gaps.
2
Wireframes and Layout
-
Designed a mobile first, spacing-conscious layout
-
Structured sections to follow visual rhythm and allow breathing room
-
Created bold headers and consistent font styles to emphasize key info
3
Accessibility Considerations
-
High contrast between text and background
-
Large, tappable buttons for mobile users
-
Clear section headings and readable fonts
-
2 personas used
4
Call To Action Logic
-
Critical navigation is exposed as bottom navigation
-
Spaced out icons with opposing functions to avoid mis-taps
-
Ensure minimum size because inputs are never precise
5
Visual Design
-
Intentionally selected colors to draw attention and retain users.
-
Placed custom visuals to keep users engaged and to aid users
-
​
6
The Final Product
-
Hand off to client
-
Ensure client is pleased with the results and offer further aid
Personas
Final Design
Want more?
View Another Case Study
JMS Behavioral Health
JMS Behavioral Health is a private therapy practice that offers compassionate mental health care to individuals and families. They provide personalized support for a range of conditions, including anxiety, depression, trauma, and relationship challenges.
Web Design
Responsive Design
B2C