A row of mobile phones with an app mockup

Customisable White-label Mobile App for Cinemas

Disclaimer: This project was undertaken during full-time employment at Admit One, and they retain all copyright ownership.
Project Overview
In this project, our main objective was to redesign and improve the white-label mobile app provided to our cinema customers. Our key objectives revolved around optimizing the booking experience, bringing it more in line with recent design changes made in other software within the company, integrating new features and technologies, and creating a design that could easily adapt to different cinema branding and colour schemes.

The resulting app offers an improved booking experience, consistent user experience with the website, innovative features, and the flexibility to align with different cinema brands. By achieving these goals, the revamped mobile app provides cinema-goers with a delightful platform to explore films, book seats and tickets, and effortlessly manage their cinema experience, ultimately elevating their overall satisfaction.
Role
Lead Designer
My Responsibilities
UX Research
Brainstorming & Ideation
‍Wireframing & Information Architecture
Presentations to Stakeholders
Low & High Fidelity Prototypes
Collaboration with App Developer
Project Management

Research

Customer Engagement
We engaged in direct conversations with our cinema customers to understand their specific requirements and preferences, gathering feedback on their expectations for thisnext version of the app. We also conversed with newer customers that didn't yet have our app, to make sure their needs were also met.
App User Feedback
We carefully reviewed user feedback from the previous version of our mobile app, extracting valuable insights and identifying areas for improvement that would inform our redesign process.
Competitive Audit
We conducted a comprehensive analysis of both direct competitors (other companies with cinema booking apps) and indirect competitors (general event booking apps, film information apps, etc), identifying the features they offered and examining user reviews to gain insights into what users appreciated and disliked about those apps.
Multiple speech bubbles showing what people didn't like about the old app

Design & Development

Wireframing
We started by creating detailed wireframes to determine the necessary pages and establish the flow and structure of the app, ensuring a logical and intuitive user experience. Main necessities were to have film information and showtimes quickly accessible and the booking process following the same flow as the website.
Wireframes of a mobile app design
Collaboration with App Dev
Regular discussions and consultations were held with the app developer to ensure the feasibility of design concepts and to find the best technical solutions to implement our ideas effectively.
Design Refinement
We were constantly refining and iterating on various aspects of the app based on feedback from the team, incorporating ideas and insights from different stakeholders.
Development progress of mobile app designs

Final Designs

Multiple screens showing the final design of the mobile app
Animated images showing part of the mobile app booking processAnimated images showing the event information screen of the mobile appAnimated images showing the wallet and ticket storage of the mobile app