As part of the Google UX Design Professional Certificate, I created this website for a fictional local theater called Double Feature Theater, which specializes in classic and retro movies. My goal was to make it visually striking and engaging, while maintaining hierarchy and clarity of information. To begin the project, I created a survey of potential moviegoers to see what features were most important to them in a movie theater website.
From this research, I gained quite a bit of valuable information: 80% of moviegoers prefer reserved seating over first-come, first-serve, and 65% prefer to buy their movie tickets in advance; those numbers get even higher when examining frequent moviegoers in particular (those who attend at least 3-4 times per year). The ability to order concessions online, an interactive seating map, and a 'coming soon' section were also highly requested, with almost 60% of users mentioning one of these as a top priority.
With that information in mind, here are some of my initial homepage sketches:
Homepage Sketch 1
Homepage Sketch 1
Homepage Sketch 2
Homepage Sketch 2
Homepage Sketch 3
Homepage Sketch 3
Homepage Sketch 4
Homepage Sketch 4
Below, you can see how I combined the best ideas from these sketches into my finalized outline, which I then translated into a low-fidelity digital wireframe, and finally a high-fidelity prototype.
Finalized Outline
Finalized Outline
Low-Fidelity Mockup
Low-Fidelity Mockup
High-Fidelity Prototype
High-Fidelity Prototype
Finally, here are a few more finished screens for the site.
Movie/Showtime Info
Movie/Showtime Info
Concessions
Concessions
Events
Events
About
About
Back to Top