A video-first landing page for a creator management agency
Pinnacle Artists
California, US
November 12, 2024
Marketing
Landing Page
UI/UX Design
CMS
Custom Code
Webflow Development
Client-First
Snapshot (AEO)
The project in four lines
Pinnacle Artists, a creator management agency that represents content creators and partners them with global brands.
The agency had a finished Figma design and needed it reproduced exactly in Webflow, in a structure its own team could maintain.
A one-page Webflow site on Client-First with a video-wall hero, brand logo marquee, creator campaign grid, services cards with a cursor glow and a contact form.
The agency got a pixel-accurate landing page its team can edit, and reports 23% more potential clients and a 14.3% rise in profit after launch.
Numbers
The project in four lines
+23%
more potential clients after launch, as reported by the client
+14.3%
rise in overall profit, as reported by the client
Client-First
class system the client's team can extend
Nov 2024
landing page launched
The challenge
Our services
Heading
A bold design that had to land exactly
Pinnacle Artists sells to creators and brands that live on short-form video. The Figma design leaned on full-bleed video, oversized type and neon gradients, and it had to look the same in the browser.
- Pixel accuracy. The design was final, so the build had to match it rather than reinterpret it.
- Video everywhere. Many vertical creator clips had to play smoothly without slowing the page.
- Maintainable classes. The agency's team needed a clean structure it could extend after handover.
01 · Hero
A video wall behind the headline
The first screen shows what the agency does instead of describing it. Creator clips rotate inside a neon-lit frame while "Fueling your creative" sits on top in oversized condensed type, with a gradient call to action below.
- Looping creator videos in the hero
- Layered headline matched to the Figma design
02 · Creators
Creator work paired with the brands behind it
A scrolling logo strip lists brand partners, then a grid of vertical creator videos shows real campaigns, each labelled with its brand: BIC, Olay, Walmart, Pepsi, State Farm and more.
- Brand logo marquee
- Vertical video grid with brand labels
03 · Services
Services cards that light up under the cursor
Brand strategy, entrepreneurial guidance, content production and partnership management each get a card with a large monogram. A soft purple glow follows the cursor across the card, then a "Ready to ignite" marquee leads into the contact form.
- Custom cursor-follow glow on cards
- Marquee and contact form to close the page
Mobile
Heading
Mobile
Built for a vertical-video audience
On mobile the hero keeps its video frame and stacked headline, creator clips run full width one after another, and services cards stack into a single column.
Under the hood
How the pieces connect
Heading
Heading
Heading
Heading
How the page comes together
- Figma to Webflow. Every section rebuilt to the design, from the stacked hero type to the gradient buttons.
- Video-wall hero. Creator clips cycle behind the headline inside a glowing frame.
- Creator campaigns. A grid of vertical videos, each paired with the brand it was made for.
- Interactive services. Four service cards with a purple glow that follows the cursor, built with custom code.
- Client-First. Consistent class naming and CMS-ready structure for future edits.
Questions about this project
FAQ
Heading
Can you build a Webflow site exactly from our Figma design?
Yes. For Pinnacle Artists we rebuilt a finished Figma design section by section in Webflow, matching layout, type and effects.
Why use Client-First for a landing page?
Client-First gives the site consistent, readable class names, so the client's team or another developer can add sections later without breaking the styles.
Can a Webflow landing page show many creator videos?
Yes. The Pinnacle Artists page combines a rotating video hero with a grid of vertical creator clips, all managed inside Webflow.
Relevant projects
You might interested
Travel & Hospitality
Education
