Bengie's Drive-in

Developing a synchronised ticket booking flow for drive-in moviegoers

project time
2 week sprint (2022)
Team
3 UX/UI Designers
Tools
Notion, Optimal Sort, Figma, Maze
Client
Bengie's Drive-in
project type
UX/UI Design
roles
UX Research, UX Design, UI Design, UX Writing

Overview

Bengie's drive-in was struggling to convert customers, who were directed to a third-party e-commerce store to book their theatre tickets. Our solution was to address the key issues on their website to ensure that the ticket purchase flow provides users with essential information so they feel secure, informed and trusting during their online ticket purchasing experience. Our solution aims to reduce the bounce rate, increase ticket sales and improve overall customer satisfaction rates.

The problem

Drive-in theatregoers need a simple way to book their movie tickets online and get the theatre information they need in a single transaction.

Approach

Due to time constraints, we prioritised the creation of a ticket purchase flow that would meet both the business needs and customer needs.

Project Goals

1. Top and secondary navigation optimisation to help find film showings

2. Inclusion of new features including movie trailers and car park bookings for a more interactive experience

3. Introduce responsive design for mobile optimisation

Key Focus Areas

1. What are the barriers to purchasing movie tickets on the current website?

2. What is important for a great experience for a drive-in theatre webisite?

3. What are customers' met and unmet needs, both on and offline?

Process

We took an iterative design process based on the double diamond model to ensure that design decisions were based on firm user feedback and quantitative research data.

Research

An heuristic analysis was conducted in order to ascertain design limitations. We discovered that the homepage contains a clunky layout design paired with a garish colour palette, culminating in cognitive overload. The content was commonly superfluous, discouraging conversation.

Putting the customer in the spotlight

Conducting 7 user interviews provided an alternate angle on the topic to help us better understand the problem. We wanted to know why people go to the drive-in and what keeps them coming back. It transpired that people meet a lot of needs by attending the drive-in:

“I really like [the drive-in] as a 360-degree experience: the meeting up, getting there, driving, having a chat, and the overall experience”.

However, things that could put people off are that “at drive-ins, you don’t know where you will be parked, it is first come first served” and going is “a lot more effort” than other more contemporary leisure activities.

To gain a deeper comprehension of the context, I conducted a survey of 15 individuals in order to find out what people’s drive-in behaviours are and the devices people use and discovered that 71.4% preferred to view the website using their mobile devices.

“I want my ticket purchasing to be easy and fast. If it’s not open seating, then I want selection”

Themes included:

  • The ticket purchasing process is too long and overcomplicated
  • Users want more choice over movie listing
  • The naming conventions on the navigation are difficult to understand and key information is hard to find

We conducted contextual inquiries in order to see how people engaged with the site. This was to gain insights into the behaviours and feelings about the current site as well as to see if anyone ‘bounced’. The average time it took to complete the purchase path was 3.43 minutes, taking one individual 5.09 minutes. What should be a straightforward ticket purchase flow took 17.3 clicks on average. This, like our interview candidate succinctly put it, feels like altogether “too much effort” to put into your evening jovialities. Whilst this research confirmed all of our assumptions, it also drew our attention to the fact that ambiguous labelling and confusing site navigation lead many off to the incorrect area of the website.

Synthesis

Following our customer interviews and survey, we were able to draw out key themes from the qualitative data with an affinity mapping exercise. Then we drew from these themes to create a representative user persona.

Meet Zach

Zach brought our target audience to life by articulating the core customer needs. If we weren’t solving their problems, we knew we were ignoring our research findings and forgetting what our main goals were. With our persona in mind, I felt equipped to enter the design studio.

Design

As part of the re-design, our team helped to modernise the brand and improve UI components with a focus on font selections and colour palettes. Mood and style board explorations played an important role in decision-making on the direction that would be rolled out across web collateral.

Iterate

Homepage

This screen serves as a one-stop shop for the key preliminary information our users wanted to know about the drive-in. It allows customers to view a summary of what is on, what food and drinks are available, and how to get there, including a new google maps integration feature.

Product Page

Looking at heuristics analytics and contextual inquiry findings we discovered some unpredictable behaviour patterns. With no way to read about the film, discover its rating, or view a trailer, users were bouncing off the site before completing a ticket purchase. The approach I took for the ‘Now Showing’ screen was to allow users to maintain their focus on the screenings and get the information they needed, by allowing them the functionality to browse and read more such as a film description, details of the director and actors, and embedding the official trailer from YouTube.

Ticket Purchase Flow

Book a double or triple feature film ticket, register your car and party size, select your food options and choose where you park onsite. Brought to life using clean and minimalist design in a 3 stage flow, all within the company websites so that customers do not fall off after being taken to the ticket partner site. Starting with several options, our team narrowed them down to a single low-fidelity wireflow. After we implemented our mood and style board we had a mid-fi prototype ready to test on users.

The testing highlighted a need for more information and some language tweaks, but ultimately it felt like the intentions of a moviegoer wanting to buy tickets could be met.

With a few options of where to take it, we went with the option that displayed breadcrumbs of where you are at and gave more detail on the payment pages. These assumptions would be followed up with further usability testing.

No items found.

Learnings

Consistency is king

So as the credits roll, what are the most valuable takeaways that I gained from this, my first group design sprint? In the latter stages of usability testing, we ran only one of the three tasks that we started out with when exploring the original site. This lack of consistency came back to haunt us when we came to comparing the raw data. Running all three tasks each time would have made for better impact metrics - knowing that the usability of the site had improved across more areas of the site.

Across space and time

Asynchronous and remote working can pose a challenge, but it is very possible. With our team split across England, Mexico, and the USA we had to prioritise forward-planning, organisation, and effective communication. Thankfully we were on Slack, which made back-and-forth changes much more fluid. Through doing this, and through meeting more regularly for our stand-up meetings than you may perhaps be usually inclined to, we were able to mitigate those tricky timezone limitations.

A lightbulb moment

And thirdly? I finally found out the answer to that classic joke “How long does it take three perfectionist ‘directors’ to screw in a lightbulb? Two weeks apparently. Turns out you can get the brightest ideas if you empathise, communicate and trust each other to do what we do best.

A design system beyond the project

To develop the project and further reduce drop off rates I would:

  • Iterate on our existing designs based on the latest usability testing.
  • Run A/B testing to see what is the most effective for conversion rates.
  • Expand clickable options within the search and purchase flow for edge cases.
  • Build prototypes across all major devices to reach more users.
  • Ensure compliance with web content accessibility guidelines.

To improve customer satisfaction and help Bengies stay competitive I put forward a few business recommendations:

  • Develop UX writing guidelines that including how to write concisely and in a warm tone of voice to reduce drop off rates from screens with dense copy.
  • Competitive analysis and testing revealed a desire for pre-selected parking.
  • Whilst we understand that licensing is a complex process, we advise that film showings be booked months in advance.

Check out more of my work

UX/UI Design
Creating a frictionless flow for EV charger customers
UX/UI Design
An inuitive online shopping experience for the avid record collector.

Let's work together!

I'd love to hear from you, whether you want to discuss an opportunity to work together, or you just fancy a chat and a brew.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.