16Marketing · Creative agency
Mint Choc Media
Landing page for a London social-first creative studio, built to turn a scroll into a campaign brief
https://mint-choc-media.vercel.app
01 //Screens
01 / 03
02 //Demo video
1¼-minute walkthrough: the hero, the four services, the founder, the campaign reel, results, client quotes and a campaign brief.
03 //Overview
A one-page site for Mint Choc Media, a London studio that pairs creative (the mint) with strategy (the choc). It presents four services, the founder, recent campaigns and headline results, and ends in a campaign brief form.
04 //The problem
The studio needed a site as bold as its brand: playful but credible, quick to read on a phone, and set in its own typefaces. Every section had to lead a visitor towards sending a brief.
05 //The solution
- A bold hero with floating campaign cards and a scroll progress bar in the brand green
- Four services served as flavours, each with what's included
- The founder, a rolling campaign reel and results that count up as they come into view
- Rotating client quotes with dot controls
- A brief form that validates, confirms on the page and clears itself
- A phone menu, layouts with no sideways scroll, and the brand's Aileron and Dunbar typefaces self-hosted
06 //Built with
React 18Vite 6Tailwind CSS v4MotionTypeScriptSelf-hosted brand typefaces
Next //
Want something like Mint Choc Media?