A case study on a movie ticketing app. Users can easily and quickly purchase tickets, pre-order food & drinks, learn about the movies, and locate theaters.
While movie ticketing apps claim to be time-saving and easy to use, that isn’t always the case. There are often too many steps and seat-selection features are too small to read or select.
Brands analyzed for competitive audit
Personas
Affinity map
With the data gathered in the research phase, I moved the case study forward by creating a flow chart and sketches.
My goals when creating the digital wireframes were to: create a simple layout, use high contrast to help accentuate important features, account to large touch points, and achieve successful readability/legibility.
Before moving forward with the high-fidelity design, I first sought to test the user flow with the wireframes by creating a low-fidelity prototype.
1. Movies vs. theaters
2. Locating items
3. Pick-up time
While diving into the history of cinemas, I came to love and appreciate the nostalgic visuals of neon lights. I created the logo, selected high-contrast colors, a retro-inspired typeface, and created simple 3D illustrations.
With all of the research assets, sketches, digital wireframes, and branding, I moved to the finish line by creating mockups and a high-fidelity prototype on Figma.
This case study impacted me and jump-started my love for user-centered design. I learned how to conduct user research following ‘design thinking’ methods.
Looking back I’m excited to see areas that could use improvement. The first to be addressed would be the current lack of vertical white space between all elements. Next, I’d re-think the use of the bright orange color and dull it down a bit, use a dark text color to account for readability following WCAG color contrast standards.
Overall, I thoroughly enjoyed working on this case study.