CineBites
CineBites
Google UX/UI Design Program
Google UX/UI Design Program
Project Overview
Product: A Movie Theater Snack Ordering App
Project Duration: February 2025 - Current
Problem: Traditional movie theater concessions often lead to long wait times, missed movie moments, and lost revenue due to inefficient ordering systems
Goal: To design an intuitive, user-friendly app that allows moviegoers to browse, customize, and order snacks seamlessly, reducing wait times and enhancing convenience through seat delivery or express pickup options
Role: UX/UI Designer – Led the research, design, and testing process to develop a seamless user experience that aligns with the CineBites brand identity
Responsibilities: User research - interviews, personas, journey maps, competitor analysis; Wireframes & Prototypes - low fidelity, high fidelity; Usability studies; Accessibility considerations
Product: A Movie Theater Snack Ordering App
Project Duration: February 2025 - Current
Problem: Traditional movie theater concessions often lead to long wait times, missed movie moments, and lost revenue due to inefficient ordering systems
Goal: To design an intuitive, user-friendly app that allows moviegoers to browse, customize, and order snacks seamlessly, reducing wait times and enhancing convenience through seat delivery or express pickup options
Role: UX/UI Designer – Led the research, design, and testing process to develop a seamless user experience that aligns with the CineBites brand identity
Responsibilities: User research - interviews, personas, journey maps, competitor analysis; Wireframes & Prototypes - low fidelity, high fidelity; Usability studies; Accessibility considerations
Jump to section
Jump to section
User Research - Pain Points, Personas, Journey Maps
User Research - Pain Points, Personas, Journey Maps
Refining the Design
Refining the Design
Refining the Design
High Fidelity Prototype
Accessibility
Moving forward
User Research: Summary
To better understand the needs and frustrations of moviegoers, we conducted user research through interviews, surveys, and competitive analysis. Our findings revealed that long concession lines and inconvenient ordering processes negatively impact the movie experience, leading to missed scenes and frustration. Users expressed a strong preference for a streamlined snack-ordering solution, with 72% stating they would order more if they could skip the line, and 85% favoring a seat delivery option. Additionally, accessibility-conscious users emphasized the importance of clear navigation and multiple ordering methods. These insights shaped CineBites' design, focusing on efficiency, convenience, and an intuitive user experience
To better understand the needs and frustrations of moviegoers, we conducted user research through interviews, surveys, and competitive analysis. Our findings revealed that long concession lines and inconvenient ordering processes negatively impact the movie experience, leading to missed scenes and frustration. Users expressed a strong preference for a streamlined snack-ordering solution, with 72% stating they would order more if they could skip the line, and 85% favoring a seat delivery option. Additionally, accessibility-conscious users emphasized the importance of clear navigation and multiple ordering methods. These insights shaped CineBites' design, focusing on efficiency, convenience, and an intuitive user experience
Pain Points
Disrupted Experience
Long wait times and inefficient ordering systems lead to frustration and missed movie moments, impacting the overall enjoyment of the film
Interface Complexity
A cluttered or unintuitive app interface can confuse users, especially those with varying levels of tech-savviness, resulting in delays and errors during ordering
Lack of Personalization
Lack of Personalization
The inability to quickly customize orders to suit different dietary needs or preferences leaves users feeling that the app doesn’t fully cater to their unique requirements
User Personas
Alex
Alex is a tech-savvy movie lover who values convenience and efficiency in all aspects of life. He enjoys premium movie experiences and hates missing key moments due to long concession lines. His goal with the CineBites app is to seamlessly order snacks in advance or from his seat, ensuring a hassle-free experience that lets him focus on the film. He appreciates intuitive design, real-time updates, and personalized recommendations that enhance his overall moviegoing experience
Sarah
Sarah is a loving and practical mom who enjoys taking her kids to the movies but dislikes the chaos of concession lines. She values efficiency and convenience, always looking for ways to make family outings smoother. She wants a hassle-free way to order snacks without missing key movie moments. CineBites gives her the control she needs, allowing her to plan ahead or order from her seat, so she can focus on making memories with her kids
User Personas
Alex
Alex is a tech-savvy movie lover who values convenience and efficiency in all aspects of life. He enjoys premium movie experiences and hates missing key moments due to long concession lines. His goal with the CineBites app is to seamlessly order snacks in advance or from his seat, ensuring a hassle-free experience that lets him focus on the film. He appreciates intuitive design, real-time updates, and personalized recommendations that enhance his overall moviegoing experience
Sarah
Sarah is a loving and practical mom who enjoys taking her kids to the movies but dislikes the chaos of concession lines. She values efficiency and convenience, always looking for ways to make family outings smoother. She wants a hassle-free way to order snacks without missing key movie moments. CineBites gives her the control she needs, allowing her to plan ahead or order from her seat, so she can focus on making memories with her kids
Pain Points
Disrupted Experience
Long wait times and inefficient ordering systems lead to frustration and missed movie moments, impacting the overall enjoyment of the film
Interface Complexity
A cluttered or unintuitive app interface can confuse users, especially those with varying levels of tech-savviness, resulting in delays and errors during ordering
Lack of Personalization
The inability to quickly customize orders to suit different dietary needs or preferences leaves users feeling that the app doesn’t fully cater to their unique requirements
User Personas
Alex
Alex is a tech-savvy movie lover who values convenience and efficiency in all aspects of life. He enjoys premium movie experiences and hates missing key moments due to long concession lines. His goal with the CineBites app is to seamlessly order snacks in advance or from his seat, ensuring a hassle-free experience that lets him focus on the film. He appreciates intuitive design, real-time updates, and personalized recommendations that enhance his overall moviegoing experience
Sarah
Sarah is a loving and practical mom who enjoys taking her kids to the movies but dislikes the chaos of concession lines. She values efficiency and convenience, always looking for ways to make family outings smoother. She wants a hassle-free way to order snacks without missing key movie moments. CineBites gives her the control she needs, allowing her to plan ahead or order from her seat, so she can focus on making memories with her kids
User Journey Maps
As a young adult and frequent moviegoer, Alex enjoys exploring new technology and ways to enhance his theater experience. He finds CineBites through a social media ad and downloads it out of curiosity. After quickly setting up his profile, he browses the menu and customizes his order, appreciating the personalization options. Opting for express pickup, he enjoys skipping the long concession lines and grabbing his snacks effortlessly. The streamlined experience makes him feel like a VIP, and he’s eager to use the app again, especially if it includes loyalty perks or exclusive deals
As a young adult and frequent moviegoer, Alex enjoys exploring new technology and ways to enhance his theater experience. He finds CineBites through a social media ad and downloads it out of curiosity. After quickly setting up his profile, he browses the menu and customizes his order, appreciating the personalization options. Opting for express pickup, he enjoys skipping the long concession lines and grabbing his snacks effortlessly. The streamlined experience makes him feel like a VIP, and he’s eager to use the app again, especially if it includes loyalty perks or exclusive deals.
As a busy mom taking her kids to the movies, Sarah values convenience and efficiency. She discovers CineBites through a recommendation from a fellow parent and quickly downloads the app. She appreciates the simple setup process and the ability to pre-order snacks before arriving at the theater. During checkout, she opts for seat delivery to avoid the hassle of managing kids in concession lines. When her order arrives seamlessly during the movie, she feels relieved and satisfied, knowing she can focus on enjoying the film with her children without interruptions
As a busy mom taking her kids to the movies, Sarah values convenience and efficiency. She discovers CineBites through a recommendation from a fellow parent and quickly downloads the app. She appreciates the simple setup process and the ability to pre-order snacks before arriving at the theater. During checkout, she opts for seat delivery to avoid the hassle of managing kids in concession lines. When her order arrives seamlessly during the movie, she feels relieved and satisfied, knowing she can focus on enjoying the film with her children without interruptions.
Paper Wireframes
The goal of the paper wireframes was to quickly explore different layout ideas and user flows before committing to digital wireframes. These low-fidelity sketches allowed for rapid iteration, ensuring that the app’s core structure, navigation, and key functionalities were intuitive and aligned with user needs.
Digital Wireframes
Digital Wireframes
Digital Wireframes
After refining ideas from the paper wireframes, I created digital wireframes in Figma to establish the core layout and functionality of CineBites. These wireframes focused on optimizing the user flow for browsing snacks, customizing orders, and completing checkout efficiently. Key elements, such as intuitive navigation, clear call-to-action buttons, and a streamlined ordering process, were prioritized to enhance the overall user experience.
Low Fidelity Prototype
Low Fidelity Prototype
Low Fidelity Prototype
The low-fidelity prototype for CineBites helps visualize the basic user flow and interactions. This prototype connected key screens, including snack selection, customization, checkout, and order confirmation. It was used for early usability testing to identify navigation pain points and ensure a smooth ordering experience before refining the design with higher-fidelity elements.
The low-fidelity prototype for CineBites helps visualize the basic user flow and interactions. This prototype connected key screens, including snack selection, customization, checkout, and order confirmation. It was used for early usability testing to identify navigation pain points and ensure a smooth ordering experience before refining the design with higher-fidelity elements.
The low-fidelity prototype for CineBites helps visualize the basic user flow and interactions. This prototype connected key screens, including snack selection, customization, checkout, and order confirmation. It was used for early usability testing to identify navigation pain points and ensure a smooth ordering experience before refining the design with higher-fidelity elements.
View Lo-Fi Prototype
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More