UCI Cinemas
Redesigned the UCI Cinemas website to enhance user experience by applying usability and accessibility principles, making the platform more user-friendly and visually appealing.
Role
UX/UI design, Usability Testing, Prototyping.
Context
CHALLENGE : Website suffered from poor usability, outdated design, and accessibility issues. Making it at par with other competitors in the market.
OBJECTIVE : Create seamless, intuitive experience that supports quick ticket booking and enhances brand perception.
Platform Evaluation
Using various tools and methods, objective was to understand the platform better in the Evaluation phase.
Then, equipped with the insights and goals, progress to the Design phase.
BENCHMARKING
USER PERSONAS
TASK MATRIX
COGNITIVE WALKTHROUGH
HEURISTIC EVALUATION
CARD SORTING
Key Insights
Analyzing all the data gathered, it was evident that there were issues in the navigation and visual design of the platform.
Complex, duplicated information architecture causing confusion.
Inefficient navigation and booking flow.
Visual inconsistency and poor accessibility.
Design Solution
Optimized Interaction Design | Improved UX | Visual Consistency
INFORMATION ARCHITECTURE
DESIGN SYSTEM
LOFI WIREFRAMES
HIFI PROTOTYPE
OLD ARCHITECTURE
Complicated and time-consuming journey.
NEW ARCHITECTURE
Organized related features, reducing confusion, speeding up user interactions.
DESIGN SYSTEM
Typography
COLOR PALETTE
BUTTONS & ICONS
ACCESSIBILITY TESTING
Normal vision
Protanopia
Deutanopia
Tritanopia
Deuteranomaly
LoFi Wireframes
Using the updated information architecture, the LoFi wireframes were created to verify that all necessary UX changes were included for a smooth user experience.
HiFi Prototype
The enhanced user experience now reflects a deep understanding of user needs and preferences. A design that's both aesthetically pleasing and functionally robust, ensuring that users can find information and perform actions with minimal effort.
OLD
NEW
Homepage
Movie Details
Theater Selection
Seat Selection
Search
Login