UCI Redesign

UCI Redesign

UCI Redesign

UCI Redesign

UCI Redesign

A mobile first redesign for UCI Cinemas' website.

Built around focusing on what a cinema website should do for its users: showcase movies and sell tickets. Movie posters gain the most dominance, and tickets for the specific film appear right below them. Ticket details are used to show dates and showtimes, maximizing information synthesis and avoiding visual clutter.

A mobile first redesign for UCI Cinemas' website.

Built around focusing on what a cinema website should do for its users: showcase movies and sell tickets. Movie posters gain the most dominance, and tickets for the specific film appear right below them. Ticket details are used to show dates and showtimes, maximizing information synthesis and avoiding visual clutter.

A mobile first redesign for UCI Cinemas' website.

Built around focusing on what a cinema website should do for its users: showcase movies and sell tickets. Movie posters gain the most dominance, and tickets for the specific film appear right below them. Ticket details are used to show dates and showtimes, maximizing information synthesis and avoiding visual clutter.

A mobile first redesign for UCI Cinemas' website.

Built around focusing on what a cinema website should do for its users: showcase movies and sell tickets. Movie posters gain the most dominance, and tickets for the specific film appear right below them. Ticket details are used to show dates and showtimes, maximizing information synthesis and avoiding visual clutter.

A mobile first redesign for UCI Cinemas' website.

Built around focusing on what a cinema website should do for its users: showcase movies and sell tickets. Movie posters gain the most dominance, and tickets for the specific film appear right below them. Ticket details are used to show dates and showtimes, maximizing information synthesis and avoiding visual clutter.

When swiping through movies, the ticket gains the color dominance of its linked movie poster. Swiping vertically, the complete ticket is revealed. 

When browsing movies, tickets gain the color dominance of its linked movie poster. Swiping vertically, the complete ticket is revealed. 

When browsing movies, tickets gain the color dominance of its linked movie poster. Swiping vertically, the complete ticket is revealed. 

When browsing movies, tickets gain the color dominance of its linked movie poster. Swiping vertically, the complete ticket is revealed. 

When browsing movies, tickets gain the color dominance of its linked movie poster. Swiping vertically, the complete ticket is revealed. 

Same focus on movies is kept in the desktop breakpoint. Movies are placed in an infinite scroll mosaic, and propose tickets right away.

Same focus on movies is kept in the desktop breakpoint. Movies are placed in an infinite scroll mosaic, and propose tickets right away.

Same focus on movies is kept in the desktop breakpoint. Movies are placed in an infinite scroll mosaic, and propose tickets right away.

Same focus on movies is kept in the desktop breakpoint. Movies are placed in an infinite scroll mosaic, and propose tickets right away.

Same focus on movies is kept in the desktop breakpoint. Movies are placed in an infinite scroll mosaic, and propose tickets right away.