Logo of UI Challenges
Sign in
Wireframe example for TV Show & Movie Detail
An example interpretation of the prompt
Icon of target

TV Show & Movie Detail

Icon of book open

Design a detail page for a single movie or TV show. The page should open with a strong hero area: poster or key art, title, release year, rating, runtime or episode count, genre tags, and one clear primary action such as Watch, Play Trailer, or Add to Watchlist.

Below the hero, organize the rest of the page into clear sections: synopsis, cast, crew, user rating, reviews, and related titles. Keep the metadata scannable and separate from long-form text so users can find the facts fast. If the title is a series, include season and episode context where it matters; if it is a film, surface runtime, director, and cast first.

Add richer media only where it supports the page: trailer, image gallery, and behind-the-scenes clips or stills. These should feel optional, not like they push the core detail content down the page. The layout should make it obvious what the title is, what it is about, and what the user can do next.

Icon of book open

Incorporate subtle animations to make navigation between different sections of detail more engaging.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.