A fresh redesign for the Internet Movie Database

In the 31st episode of Demystifying Design, I'll be redesigning the IMBD single movie page!

The goals of this redesign were to make it easier for users to:
1. Learn whether or not I want to watch a given movie.
2. Search for other movies on the site
3. When I’m ready, find out where I can purchase the movie.
4. See other, similar movies.
5. View advertisements for IMDb pro where it makes sense.

This entire redesign took me about 3 hours over 1 day to complete. Hope you enjoy!

Important timestamps:

00:00 - Video intro
0:22 - Problem statement
1:54 - Redesign begins!
2:01 - Site navigation
3:24 - Hero section
7:30 - Movie metadata
8:15 - Cast list
9:57 - IMDbPro CTA block
11:00 - Story summary
12:48 - User reviews
14:00 - Other similar movies list
16:08 - Final result
16:22 - Before & after

Curtains Down, by El Flaco Collective
Neon Lights Neon Dreams, by Forever Sunset
New Tomorrow, by Tape Machines
Salamanca, by Sarah the Instrumentalist

All content in this video is intended to be purely transformational in nature.

#webdesign #redesign #design #designer #speeddesign #imdb #movies

[iamandreev]

Hiya Marc! As always, awesome redesign! I have a question: How do you choose fonts for your redesigns? Do you have some sort of font library? Also, I'd love to see a tutorial on auto layout from you, because I'm having a little trouble with it right now.