Studio Nocturne

Studio Nocturne is built for studios whose work is moving image. The home page opens with your name, your roster and a grid of projects that play on hover. Each project page pins the details on the left while the shots scroll on the right, and a camera report updates as each shot comes into view: lens, stop, ISO, frame rate and a note from set. 

  Directors get their own pages with a bio, awards and their work. A client page lists every brand next to the projects made for them. A brief form makes it easy for producers to get in touch.

  Everything runs from the CMS. Add a project, a director or a client and every page updates. Drop in a video file and it plays on hover and in the project player. Leave it empty and the cover image shows instead.

  The details carry the camera theme throughout: a viewfinder intro, a camera-style cursor, live status lights on the roster and a side rail that works like a camera's control panel.

  Features

• Viewfinder intro that focuses, takes the shot and lifts away

• Work grid with video on hover

• Project pages with a live camera report that follows the scroll

• Custom film player with play, scrub, sound and full screen

• Full-screen photo viewer with keyboard controls

• Director pages with status, bio, awards and work

• Client index with each client's projects

• Brief form with director, budget and shoot dates

• CMS for projects, directors and clients 

• Smooth scrolling and subtle motion on every page

• Respects reduced motion settings 

• SEO set on every page and CMS item

• Designed for desktop, tablet and phone

  Pages 

• Home

• Project (CMS)

• Director (CMS)

• Clients

• Brief

• 404

  CMS collections

• Projects

• People

• Clients

Credits

Photos and video from Pexels.

Want something similar built for you?, Write to me - studiocusame@gmail.com