A street-style website as bold as the reels it presents
44 Motion
Ukraine
November 13, 2024
Marketing
Corporate
UI/UX Design
Webflow Development
CMS
Custom Code
Client-First
Snapshot (AEO)
The project in four lines
44 Motion, a studio producing video, motion graphics and social content for SaaS brands.
A conventional corporate site would undersell the studio's reels; the site had to hold attention through motion and stay fast with lots of video.
A street-style Webflow site with oversized type, tickers, background video, services, about, video packages, FAQ, a CMS portfolio and a contact page.
The studio got a site with the same energy as its showreels, and can add new projects through the CMS.
Numbers
The project in four lines
Figma → Webflow
street-style concept designed and built end to end
5 video packages
pricing presented in an expandable list
CMS portfolio
work page and project template pages
Nov 2024
website launched
The challenge
Our services
Heading
Corporate templates kill creative work
44 Motion sells visual impact. A standard agency layout with stock icons and polite headings would have made the work look ordinary.
- Attention through motion. The site had to feel like a reel, not a brochure.
- Heavy media. Background video and showcase clips could not slow the page down.
- Clear offer. Visitors needed to understand services and packages without digging.
01 · Brand services
Big type that moves
Oversized solid and outlined headlines, live counters and service cards for motion, video and social set the tone straight after the hero, followed by an about section with a portrait and bold copy blocks.
- Outlined and solid display type layered together
- Service cards with clear descriptions
02 · Showcase
Work that plays as you scroll
Full-width video blocks and image grids show the studio's work in motion, then lead into portfolio cards that open dedicated project pages from the CMS.
- Background video loaded without blocking the page
- Portfolio cards linked to CMS project pages
03 · Packages
No surprises, simple pricing
Five video packages, from event coverage to advanced production, open in an accordion with what is included and the price, then hand off to a bold Let's Create call to action and FAQ.
- Expandable packages with prices and tags
- FAQ answering budget, script and timeline questions
Mobile
Heading
Mobile
The same energy on a phone
On mobile the outlined headlines, service cards, video blocks, packages and FAQ stack into one column, with a simple full-screen menu for quick navigation.
Under the hood
How the pieces connect
Heading
Heading
Heading
Heading
What we built
- Street-style design. A Figma concept built from the studio's references: black and pink palette, outlined display type and bold layout breaks.
- Motion everywhere. Running tickers, scroll animations and background video carry visitors from section to section.
- Fast video. Clips load with metadata only and play in the background without blocking the page.
- CMS portfolio. A Work page and project template pages with details and galleries, managed from the Webflow CMS.
- Clear offer. Services, five video packages with prices, FAQ and a contact page.
- Client-First build with SEO basics configured at launch.
Client feedback
How the pieces connect
Questions about this project
FAQ
Heading
Can a website with lots of video still load fast?
Yes. For 44 Motion, background and showcase clips load with metadata only and play without blocking the page, so the site stays quick while feeling like a reel.
Can you design a bold, non-template website for a creative studio?
Yes. We built a street-style concept in Figma from the studio's own references before developing it in Webflow.
Can the studio add new projects without a developer?
Yes. The portfolio runs on the Webflow CMS, so each new project gets its own page from a template.
Relevant projects
You might interested
Travel & Hospitality
Education
