Rework the design of the movie cards

jsaelhof / movie-picker

Next.js test app. Keeps a list of movies to watch across various streaming services and randomly picks one.

https://moviedecider4000.vercel.app

2 stars 0 forks source link

Rework the design of the movie cards #39

Closed jsaelhof closed 2 years ago

jsaelhof commented 3 years ago

No room for genre display
Font colors could be a bit more subdued
Maybe use the 5-star rating? Put the expanded ratings in a popover or in the more actions panel
"More Actions" panel is a bit plain

jsaelhof commented 2 years ago

Thinking about having the popover on rollover but then maybe being able to click into a second level, full screen (or large screen) view. Basically, the pick screen. Right now I'm finding myself clicking through the pick screen to get the new info like trailers, plot etc.

jsaelhof commented 2 years ago

Ideas for 2-level design like Netflix

First level - Rollover/Tap - Most important at-a-glance information

Poster (1/2 poster?)
Runtime
5-star rating
Source
Action: Edit
Action: Watched

Second level - Click on First level - Should this just be the pick screen in a frame?

Poster or maybe trailer at the top?
Source
Runtime
Year
Plot
5-star rating
Action: Edit
Action: Watched
Action: Lock
Action: Delete
Link: IMDB
Link: Common Sense
Link: TMDB
Link: Stream or Find Torrent

jsaelhof commented 2 years ago

https://github.com/jsaelhof/movie-picker/pull/55