Study of framer.com promo video

I was recently pointed to framer.com. The homepage does an excellent job of marketing the product. By this, I mean that after visiting it, I wanted to use/buy the product. I didn’t actually have a great idea of what the product is for, but I wanted to use it. This, I want to use the product, is the aim of good advertising.

How does the homepage achieve this? First, it’s a full screen autoplay video. It begins silently, but has the option of “Replay with sound”. This avoids the risk of annoying your visitor with unwanted sound.

The entire video is 40 seconds. Short enough to keep my attention for the novelty of it.

When the video finishes, it seamlessly gives way to the website. Effectively, the “hero” text of the homepage is the last slide of the video.

Key to the video is music. It’s punchy, energetic and makes the product seem cool. It has a very strong beat. The slides and animations of the video are timed to the beat.

The bass starts 5 seconds in. At 16 seconds, and again at 26 seconds, there is silence for one bar of the music. This breaks up the video and adds surprise.

It starts and ends with the Framer logo.

The first 27 seconds are animations of the product. The product itself makes animation stuff, so demos of the product itself are visually engaging. This gives way to the final 13 seconds which are mostly pure text slides. Here are the slides:

These are too short and simple to be informative. They’re just words vaguely related to the product. They set the scene, much like the music and brief clips of the product just set the scene. All these elements say, “This is how the product feels. It makes you feel good.” Once the user likes how the product feels, they go on to find out what it is.

Tagged #framer.com, #video, #animation, #design, #marketing, #ux.

Similar posts

More by Jim

Want to build a fantastic product using LLMs? I work at Granola where we're building the future IDE for knowledge work. Come and work with us! Read more or get in touch!

This page copyright James Fisher 2017. Content is not associated with my employer. Found an error? Edit this page.