Framer Product Video
Making a website builder fun to watch without losing the calm, high-end feel Framer is known for.
Client
Framer (concept)
Role
Concept & animation
Scope
Product video
Year
2026
01
Context
Framer is a website builder from Amsterdam. Designers and startups use it to design, build and publish real websites without code, with CMS, animations and hosting in one tool. With Wireframer, a first layout starts from a single prompt.
A self-initiated concept, and a chance to push my own style further. Framer's audience is designers, people who notice every easing curve, so the film had to feel as considered as the product: energetic enough to be fun, calm enough to feel premium.
02
Final frames
03
Key design moments
Moment 01
Real interface, no fake UI
Mock-ups are faster to animate, but designers spot a fake screen instantly. Every state in the film is the real product: the Wireframer prompt, the site taking shape on a laptop, the published page.
Moment 02
Energy through timing, not volume
Fun usually means loud: big transitions, flashes, whooshes. I went the other way. Every move behaves like the product itself, snappy and precise but never flashy, so the pace comes from rhythm instead of effects.
04
Impact
It became my reference piece. When a client asks for clean and energetic at the same time, this is the film I show them.
05
Reflections
Clean and energetic aren't opposites. The energy lives in the timing; the calm lives in everything you leave out.
Other projects
