ShowStar - a movie theater responsive website
A digital platform designed to help users plan their cinema experience before arriving
My role:
UX/UI designer leading the app and responsive website design from conception to delivery
Duration:
June 2022 to August 2023
Platform:
Responsive Web (Desktop, Mobile)
Tools:
Adobe XD / Adobe Illustrator
Responsibilities:
Conducting interviews / Paper and digital wireframes / Low and high-fidelity prototyping / Conducting usability studies / Accounting for accessibility / Iterating on designs / Determining information architecture /Responsive design.
This project is a fictitious scenario, completed as part of Google UX Professional Certificate
Project overview
In 2021, cinema attendance dropped significantly due to global restrictions.
Users adapted quickly to streaming platforms and at-home viewing.
Users adapted quickly to streaming platforms and at-home viewing.
As a result, going to the cinema was no longer the default choice - it had to feel worth it again.
Problem & Goal
Problem
Movie theater websites often fail to support the full experience of going out.
Movie theater websites often fail to support the full experience of going out.
Key issues
• Limited pre-visit planning
• Poor seat selection experience
• Lack of integration with surrounding activities (e.g. dining)
• Inconsistent design standards across regions
• Accessibility often overlooked
• Poor seat selection experience
• Lack of integration with surrounding activities (e.g. dining)
• Inconsistent design standards across regions
• Accessibility often overlooked
Users are not just choosing a movie - they are choosing an experience.
Goal
Design a website that helps users:
• Plan their visit with confidence
• Reconnect with the value of cinema
• Enjoy a seamless and engaging experience before arrival
• Reconnect with the value of cinema
• Enjoy a seamless and engaging experience before arrival
Core idea
Transform the website from a ticketing tool into an experience planning platform
Key Design Decisions
Experience-first approach
Shift from ticketing to full planning
Shift from ticketing to full planning
Visual clarity in booking
Reduce friction in seat selection
Reduce friction in seat selection
Inclusive design direction
Avoid targeting only one user group
Avoid targeting only one user group
Responsive system
Ensure accessibility across devices
Ensure accessibility across devices
Outcome
ShowStar transforms the cinema website into a complete experience platform.
Impact
• Encourages users to return to cinemas
• Simplifies planning
• Enhances anticipation before the visit
• Simplifies planning
• Enhances anticipation before the visit
The platform supports both practical needs and emotional engagement.
What I Learned
ShowStar transforms the cinema website into a complete experience platform.
Impact
• Encourages users to return to cinemas
• Simplifies planning
• Enhances anticipation before the visit
• Simplifies planning
• Enhances anticipation before the visit
The platform supports both practical needs and emotional engagement.
