Table Turn
Table Turn
Hamboards Landing Page
Engaging the right users to increase conversion rates
Hamboards Landing Page
Engaging the right users to increase conversion rates
Box Office Movie Theater App
Box Office is a mobile app that facilitates the movie going process. It provides information to help people confidently plan their movie theater experience.
Identifying the Problem
Enjoying an experience at a busy movie theater is often interrupted by unexpected inconveniences. From showing up to a sold out movie, or being left with bad seats, people often are not provided with the necessary information to plan their experience.
Defining the Solution
Box Office facilitates the movie going process and provides users with the necessary information needed to plan their experience. This will help people avoid sudden inconveniences and uncertainties that often occur at the movie theater.
User Research
Surveys helped identify user habits and pain points surrounding the movie going process. Understanding our users provides valuable insights for potential solutions.
User Personas
Surveys helped identify user habits and pain points surrounding the movie going process. Understanding our users provides valuable insights for potential solutions.
User Stories and Flows
The gathered information in the Discovery and Research phase helps identify the key features that will be included in Box Office. User stories were created to determine the MVP of the app, then taken into user flows to organize the flow of information.
Low Fidelity Wireframes
Ideas were roughly sketched to determine the possible organization of each screen. After testing the drafts with users, the drafts were taken into Figma for low fidelity wireframing.
User Testing
When testing this the map screen, users had to tap on multiple locations to find a specific theater. To reduce the amount of clicks, I decided to make a tab that displays only the names of the theaters.
This gave users another way to look up theaters. They can either look up theaters by proximity or by theater name. This tested well with participants.
Branding
Box Office’s dark interface replicates the feeling of a dark movie theater. The contrasting blues and purples are inspired by the neon lights located on the walkways inside the theater.
Hi Fidelity Wireframes
Applying branding and style throughout the Box Office app
Design Review Feedback
This was the initial sign up screen in the on boarding flow.
A suggestion was to include social media login to allow users to quickly sign in. This helps build trust and improve the overall user experience.
To take this approach, I separated the information into two screens; the "Get In Touch" focuses on the user's social login or email. The "Getting to know you" will focus on the user's name.
Prototyping
The hi fidelity wireframes were then prototyped to test the flow and usability of the app and reiterated wherever necessary.
