ss
Create a low-fidelity website wireframe for a movie discovery and review platform called MovieLog, inspired by Letterboxd. Page 1: Home Page (Index) Top horizontal header spanning full width Left: Website logo text “MovieLog” Right: Navigation links (Home, Movies, Reviews, Login, Contact) Below header: Featured movies section Grid or horizontal row of movie cards Each card contains: Movie poster (portrait rectangle) Movie title (clickable) Star rating (5-star visual) Below movie cards: “Popular Movies” section title Additional movie cards arranged in rows Bottom footer: Copyright text Simple footer navigation Page 2: Movie Detail Page Full-width hero banner at the top with movie background image Overlaid on banner: Movie title Release year Director name Main content area divided into two columns: Left Column (Sidebar): Movie poster (large portrait) “Where to Watch” section Button: “Sign in to log, rate or review” Right Column (Main Content): Movie tagline (italic text) Movie synopsis paragraph Rating summary section: Average rating Number of fans Tab navigation: Cast | Crew | Details | Genres Cast section showing name tags in rows Trailer section: Embedded video player (16:9) Link: “Watch on YouTube” Page 3: Login Page Centered login card Fields: Email address Password Login button Link to create account Page 4: Contact Page Page title: “Contact MovieLog” Contact details section: Email Phone Location Feedback form: Name field Email field Message textarea Submit button Wireframe Guidelines Use grayscale only (no colors) No real images, use image placeholders Focus on layout, spacing, and hierarchy Responsive layout suitable for desktop and mobile