Ocean's Eleven

Design for the movie's website

A team Project during studies.
I took part in the UX and UI.

The mission

Crafting and conceptualizing the website for an official movie page of your selection, with a focus on creating a one pager, marketing-driven design that entices users to engage with the film.

Our Choice

A remake of the 1960 classic, the iconic film 'Ocean's Eleven' was released in 2001.

Decisions after studying references

Menu

Top sticky menu with left anchor links and a right CTA button for movie purchase. Dropdown for language switch (Hebrew/English).

Hero

Captivating image, film title, rating, brief info, key details (duration, director, writers).

Cast

Photo gallery carousel with actor pictures, character names, and film quotes.

Movie Info

Includes movie poster, release date, filming location, languages, production details, and more.

Movie's Gallery

Image carousel of scene photos with accompanying captions.

Soundtrack

Song list, player, and album cover image.

Viewer Reviews

Carousel with pictures, names, ratings (out of 10), and film opinions.

Trailers

Chosen YouTube selections.

Footer

Links to All Rights Reserved, App Download, Help, Terms of Use, and Movie Availability.

UX

click image to enlarge

Design system & Branding

Typography

Inter

A B C D E F G H I G K L M N O P Q R S T U V W X Y Z
Text :  2.369rem  1.77rem   1.33rem   1rem   0.75rem   
Headlines (Bold): 2.369rem  1.77rem   1.33rem   
Colors
The Button

UI

click image to enlarge