Home/Case Studies/Web Development
Media & Video ProductionWeb Development

Website Design & Landing Page for a Media Production Company

Duration
6 Weeks
Services
Website DesignLanding Page DesignWeb DevelopmentBrand Art Direction
Section 01

The Challenge

A production house that shoots brand films, commercials and music videos was sending prospects to a Vimeo channel and a deck. Nothing tied the reel, the service range and the client roster into one place, and a video company with no cinematic web presence is a hard sell.

The reel, the client list and the service range all lived in separate places
Six production disciplines were never presented as a single offer
Nothing showed the process, so scope conversations started from zero every time

The Design

Media production website hero: Ideas Shoot Stories Repeat, with Watch Our Reel
Website design — cinematic hero with the reel one tap away
Close crop of the Ideas Shoot Stories Repeat headline in brush script
Website design — the headline treatment up close
Client logo bar: trusted by visionaries
Website design — client logos placed directly after the hero
Section 02

Our Process

We designed the page to behave like a title sequence: a full-bleed hero with the reel one tap away, then each section revealing the work, the range and the method before the project enquiry is asked for.

01
Cinematic hero with Watch Our Reel above the fold and the brand line set in marker script
02
Client logo bar placed immediately after the hero to establish credibility early
03
Six production disciplines as a photographic tile grid, from brand films through to post
04
Featured project player, then a five-step ideate-to-deliver process, then the journal as depth
About section: We Don't Just Make Videos. We Make Worlds, with behind-the-scenes collage
Website design — positioning statement with behind-the-scenes collage
Six service tiles: brand films, commercials, music videos, social content, events and live, post-production
Website design — six production disciplines as photographic tiles
Featured work: Stories That Stay, with a project player and stacked thumbnails
Website design — featured project presented as a player, not a thumbnail grid
Five-step process: ideate, plan, produce, post, deliver
Website design — the production process in five steps

Services Delivered

Website DesignLanding Page DesignWeb DevelopmentBrand Art Direction
Section 03

Outcome & Results

Delivered a complete, mobile-first landing page the studio can use as the single link in every pitch, bio and outbound approach.

Ten sections: hero, client bar, about, services, featured work, process, culture film, journal, project CTA, footer
Six production disciplines and a five-step process readable without a single click
Two video entry points — the reel in the hero and the culture film mid-page
Near-black palette with a single warm-orange accent reserved for emphasis and actions
Culture film band: Culture Looks Better in Motion, with Watch Our Film
Website design — second video entry point placed mid-page
Journal section: Beyond The Frame, with three article cards
Website design — journal articles giving the studio depth beyond the reel
Closing band: Big Ideas Deserve a Bigger Screen, with Start a Project
Website design — closing project enquiry band
Footer with wordmark, navigation and social icons
Website design — footer carrying the brand line and social

The Dashboard

The full analytics view the metrics above are drawn from.

Full media production company website design from navigation through to footer
Website design — the full page

Want Similar Results?

Let's discuss how we can help your business achieve these outcomes.

Get a Free Consultation
More in Web Development

Related Case Studies

Chat on WhatsApp