BOX OFFICE SHOWTIMES
The problem and the goal
Movie theaters need to display a great deal of information at their box offices.
But how show them without landslide patrons in information? Choosing a movie on the spot is challenging enough. The client just wants to know the screening time and the price. If much.
This redesign aims to sort and present all relevant information in a clear, simple, and (hopefully) beautiful way.
Simplifying with a color code
The foundation is straightforward; I suggested we make use of universal symbolic conventions like green, yellow and red. And build up from there.
Visual designer, art director.
Conceptualizing, prototyping, visual design.
October 2017 - February 2018
Starting off • Prioritizing the information
Estimating the screen real estate
Defining and prioritizing the information
This is basically what is needed to be shown for each movie
. Prices: as they change dynamically during the day
. Seat availability
. Type of screening room
. Type of projection: regular or 3D
. Seating options: regular, VIP, or DBox
. Suggested age target
. Subtitled or dubbed
. Legal text
Sharing the screen real estate
Hierarchy defined by reading sequence
Priorities defined by size and motion
On the left hand side, a line for each movie.
1. Name (blockbuster)
If screened in multiple rooms, it might take 2 lines
2. Premium room
Fancier rooms: displayed with a dark background
Hours appear on the right
Dynamically changing, at the bottom, in the center
5. Legal text
On the bottom corner
Movie session logic
The basic building block is the 'hour brick' that makes up the grid on the right-hand side. Its internal information hierarchy is setup this way:
Hour > subtitled/dubbed > 3D/regular > motion seat (DBox)
Dubbed, & in 3D
Subtitled & DBox motion seat
Green: Plenty of seats available for this session
Yellow: selling last seats for this session
Red: session sold out
Sold out in dark background - for premium rooms
Recommended age and featured amenities
14 years old
Motion seats available
Movie theaters have "Matinée" prices and evening prices. Thus, the bottom third of the display changes accordingly: themed day or night.
Price colors follow the theme.
Boxes are big enough for a whole bunch of currencies, with different amount of digits, and currency symbols.
"Prices · Matinée · Monday"
"Prices · Night · Wednesday"
Improvements for a next iteration
More subdued color indications for targeted age indicator.
A slightly more 'flat' visual, making it whole less busy.
More subtle interaction between the age and amenities columns.
A low-key animation when deleting a slot and moving sessions.
Conclusion • Learnings
Looking for a digital designer with solid graphics background, strong sense of ownership, and always curious to learn more?
Let's see if we can work together!