A video-first Webflow site for a studio that makes product explainers for tech
VideoPulse
San Francisco, US
May 28, 2024
Tech
Marketing
Start-Up
Corporate
UI/UX Design
Webflow Development
CMS
Custom Code
Integrations
Snapshot (AEO)
The project in four lines
VideoPulse, a San Francisco studio producing product demos, explainers and promo videos for SaaS and tech companies, from YC startups to Docusign and Samsung.
A video studio's website must look as good as its videos. The old Webflow project had messy, unlabelled classes and a basic wireframe-level design.
A video-first redesign with a projects menu, autoplay project marquee, services, stats, reviews, CMS case studies, video styles and pricing, FAQ and blog.
VideoPulse presents its best work up front, and the team edits pages and publishes projects without fighting the codebase.
Numbers
The project in four lines
26 projects
in the CMS portfolio, each with its own page
3 video styles
product demos, explainers and promos with pricing
20 articles
published on the blog
May 2024
redesigned site launched
The challenge
Our services
Heading
The website had to match the showreel
VideoPulse sells visual quality. Their site needed to prove it in seconds and be easy for the team to keep updated.
- Visual standard. The wireframe set the structure, but the design had to go much further.
- Messy build. Unlabelled classes and duplicated elements slowed every change.
- Lots of work to show. Projects, case studies and formats needed a clear home.
01 · Portfolio
The work does the talking
A projects dropdown with a video preview, a highlights section, a full portfolio page and detailed case studies like Docusign Keynote 2025 put the studio's best videos in front of visitors fast.
- Projects menu with video preview
- CMS case study template
02 · Services
Every format, clearly priced
A marquee of project videos leads into the services block, and a dedicated video styles page lays out product demos, explainers, promos and special packages so buyers know what they get.
- Autoplay project marquee
- Video styles and pricing page
03 · Trust
Proof before the call
Stats, reviews from Docusign and other clients, a four-step process, an FAQ and a bold call to action give tech marketers the confidence to book a call.
- Testimonials slider
- Process steps and FAQ
Mobile
Heading
Mobile
Showreel in your pocket
On mobile the menu opens full screen, project videos and services stack into one column, and stats, reviews, process and FAQ stay easy to read.
Under the hood
How the pieces connect
Heading
Heading
Heading
Heading
What we built
- Video-first homepage. Product UI visuals, investor logos and a scrolling marquee of project videos.
- Projects menu. A dropdown with a video preview and quick links to featured work.
- CMS portfolio. A projects page and case study template with mission, outcome and results.
- Video styles and pricing. Product demos, explainers, promos and special packages on one page.
- Trust sections. Stats, client reviews, process steps and FAQ.
- Clean structure. Clearly labelled classes so the team can edit safely.
Client feedback
How the pieces connect
Questions about this project
FAQ
Heading
Can a Webflow site show a lot of video without feeling heavy?
Yes. VideoPulse uses video previews, a project marquee and embedded players, with full case studies living on separate CMS pages.
Can a studio manage its portfolio in the Webflow CMS?
Yes. VideoPulse adds new projects and case studies by filling in a template, and they appear in menus, highlights and the projects page.
Why does a clean class structure matter?
Clear, labelled classes let the team change layouts and content quickly without breaking other pages.
Relevant projects
You might interested
Travel & Hospitality
Education
