Phenomena.
Redesign of the Phenomena Experience website to improve the user experience and align the interface with its identity.
Four issues made the site hard to use.
Cinema as an event.
The idea of “cinema as an event” is introduced as a concept to guide visual and interaction decisions throughout the design.
The website is reorganized by prioritizing the movie schedule and simplifying navigation to improve access to films, showtimes, and the ticket purchase flow.
The interface uses a typography aligned with a cinema style.
The design creates a feeling of being inside a movie theater, with a black background and red tones in buttons and components, inspired by classic carpets and seats.
Three blocks on a single page: a full-bleed film hero, the weekly schedule with a day selector, and the Top 10 vote.
Fewer steps between the film and the seat.
Special focus was placed on the ticket purchase flow to reduce friction and make the process faster and more intuitive. The goal is to help users complete their purchase with fewer steps, improving overall conversion.
The design is adapted for mobile, focusing on quick access to key content and clear navigation. The interface prioritizes the movie schedule and main actions, allowing users to find information and buy tickets easily on smaller screens.
Both versions are navigable end to end, from the weekly schedule to the ticket confirmation.