Silver Screens Theatre

Project Overview: Silver Screens Theatre is a luxury dine-in cinema offering elevated food, drinks, and entertainment. This project involved designing a modern, mobile-optimized website focused on enhancing the user experience across five key pages. The goal was to reflect the theatre’s upscale brand through intuitive navigation, bold visuals, and streamlined functionality—making it easy for guests to browse showtimes, explore menus, join the rewards program, and book private events.
Role: UX Researcher, UX/UI Designer
UX Research
Overview(User Research)
Silver Screens Theatre caters to moviegoers who value comfort, quality, and a premium cinematic experience. These users are often young professionals, couples, and social groups seeking an elevated night out that combines entertainment with gourmet dining and craft cocktails. They expect a seamless digital experience that reflects the theatre’s luxury atmosphere—prioritizing convenience, clarity, and mobile accessibility when browsing showtimes, exploring menus, or booking special events.
- The average Silver Screens Theatre guest is between 28–40 years old, typically seeking a premium alternative to standard moviegoing.
- Couples and small groups make up the majority of bookings, often celebrating date nights, birthdays, or social outings.
- Guests are style-conscious and brand-aware, gravitating toward experiences that feel curated, exclusive, and high-end.
- Users often engage with upscale lifestyle brands such as Aesop, Soho House, Eater, and boutique hotel chains that align with luxury and ambiance.
Design Solution
- Developed a mobile-first, minimalist layout that highlights showtimes, menus, and booking options with intuitive navigation.
- Integrated a three-tier rewards system with a clear comparison table to showcase membership value and drive conversions.
- Designed immersive hero sections with cinematic imagery and interactive sliders to reflect the theatre’s elevated experience.
- Created a cohesive visual identity using a refined color palette (purple, black, white) and modern typography to convey luxury and sophistication.
Persona #1

Persona #2

Design Process
Sitemap

Wireframes
Once my research was completed, the ideas and features were presented via wireframes below:
Mobile

Desktop

Final Design
The final design captures the elevated, cinematic essence of Silver Screens Theatre while prioritizing usability across mobile and desktop. A minimalist interface, bold imagery, and fluid transitions guide users effortlessly through showtimes, dining options, rewards, and events. The visual system balances luxury with warmth—featuring rich purples, soft blacks, and curated photography. Interactive elements like sliders and booking modals enhance engagement, while a fully responsive layout ensures a smooth, elegant experience at every screen size.
Mobile

Desktop

Key Takeaways
Challenges
- Designing a mobile-first experience that felt upscale without sacrificing performance or clarity.
- Balancing luxury aesthetics with clear, actionable UI elements like rewards comparisons and showtime bookings.
- Communicating the theatre’s unique value, chef-crafted dining and craft cocktails, within a streamlined layout.
Key Takeaways
- A strong visual identity and immersive imagery are essential for communicating a premium experience online.
- Clear content hierarchy and mobile-optimized layouts significantly improve usability and conversion rates.
- Thoughtful integration of brand storytelling through menus, events, and rewards, deepens user engagement and elevates perceived value.