Meridian Studios

Meridian Studios had been operating for eight years with a visual identity that no longer reflected who they had become. Their original branding — created when they were a two-person operation shooting local commercials — felt disconnected from the high-end narrative work they now produced for global clients. The website was a WordPress theme with a Vimeo embed grid. It communicated nothing about their craft, their process, or why directors chose to work with them.

They needed more than a rebrand. They needed a digital presence that felt like stepping into one of their films — intentional, atmospheric, and impossible to ignore.

I spent the first two weeks in their studio, watching edits, sitting in on color grading sessions, and interviewing the founding partners about what they wanted Meridian to feel like in five years. This immersion shaped every decision that followed.

The brand identity emerged from their editing room. The logotype uses a custom-cut version of a geometric sans with optical adjustments for large display — the "M" was redrawn to echo the diagonal cuts of a film splice. The color system is built entirely from the post-production palette they already used: deep blacks, warm mid-tones, and a single accent pulled from their color grading software.

The site is built with Next.js and uses GSAP ScrollTrigger extensively. Every project page opens with a cinematic full-bleed image that parallaxes into view, followed by a structured narrative: the brief, the process, and the outcome. Navigation is deliberately minimal — a persistent top bar with mix-blend-difference text that shifts against light and dark sections.

Page transitions were critical. I built a custom transition system inspired by Barba.js but tailored for the App Router. Each navigation triggers a horizontal wipe with a film-grain texture overlay, creating the feeling of a scene cut between projects.

The smooth scrolling uses a custom RAF loop with lerp-based easing at 0.12, giving the entire site a weighted, cinematic feel. Content appears through intersection-triggered reveals — words emerging one by one, images scaling from 95% to 100%, metadata fading in with staggered delays.

Within three months of launch, Meridian reported a 47% increase in inbound inquiries from production companies and agencies. Two directors cited the website specifically as the reason they reached out. The site was featured on Awwwards as a Site of the Day nominee and received an Honorable Mention on CSS Design Awards.

More importantly, the founders told me the brand finally felt like them — not an aspiration, but a reflection.