Design of a cinema website for desktop and mobile version.
Moonlight Cinema
Moonlight is a cinema based in London with multiple branches across the United Kingdom. In addition to screening films, Moonlight offers facilities including dedicated halls for special gatherings and birthday parties. The Moonlight Cinema website also allows users to conveniently book tickets online.
Seamless Booking Process: Simplifying the ticket purchase process through online booking to increase sales.
Value Proposition: Clearly display the unique features and benefits of the cinema.
Improve customer satisfaction: By providing more comprehensive information and user-friendly design.
Additional Services: Highlighting other services like food and beverage options, private screenings, and loyalty programs to attract and retain customers.
From the results of this part of the survey, we realised that what encourages users to choose a cinema, in order, are:
1. Location of cinema
2. Screen format
3. The types of movies shown in the cinema
Interviews with 7 of the participants in our survey provided valuable insights that emphasized the importance of providing thorough information in the ticketing process such as clear seat map, ticket confirmation and creating a dynamic and user-friendly platform.
The most important features for choosing a movies were access to:
1. The genre
2. Movie trailers and actors
3. Seat map
4. Runtime and the schedules
We also found that users prefer categories to be organised into:
1. New release and best sellers
2. Based on show times
The insights I gathered from surveys and interviews culminated in the creation of the persona. The primary objective is to highlight those patterns and pain points, which enabled me to better understand and empathise with users.
User Flow
1.Trust through accurate and comprehensive information
Users want to receive all important movie details such as the runtime, seat number, movie trailer, and ticket confirmation.
2.Categorisation by genre, bestsellers, and newest releases
For searching their favourite movies, the most requests were for easy and convenient access to genres.
3.Parental guidance
Age restriction guidelines should be included alongside each movie.
Key Takeaways
With creating the affinity diagram we identified the most important factors to consider.
Confusing Booking Process.
Ensuring all necessary information (movie details, parental guides, runtime, trailers) is easily accessible.
Streamlined Booking Flow.
Design a step-by-step booking process with clear progress indicators.
select movie > choose showtime > pick seats > confirm payment.
The necessary information for the user is clearly structured, hierarchically organised, and placed in appropriate and accessible locations.
Complex Navigation
Ensuring users can easily find movies, showtimes, and purchase tickets without confusion.
Simplified and User-Friendly Navigation: We designed a Clear navigation bar that highlights key sections such as "Movies," "Showtimes," "Top movies" and "My Account."and All movies classified by genre, location and Film format.
Difficult Navigation and Selection on Seat Map.
Poor visualisation of premium or special seats. Designing an intuitive seat selection process, especially for users unfamiliar with the layout of different cinema salon. Also, users with disabilities should easily find their own seats.
Intuitive Seat Map Interface.
We designed interactive seat maps with clear markers for available, reserved and premium seats, all with color-coded guides. we ensure each seat is clickable and changes color to indicate selection, making it clear which seats have been chosen.
Also, special seats for the disabled are marked.
