Skip to content
Show Them
Back to courseFree preview

Storytelling

Read the transcript

Landing page storytelling. We all hear this buzzword, but what does it really mean? In this video, I'll break down storytelling using a brilliant example Show you can see exactly how it works in practice and hopefully apply the lesson to your pages. So here's the setup. Dropbox dash helps McLaren's

formula 1 marketing team streamline their media assets. They partner with Daybreak Studio to build a landing page using web flow that doesn't just tell you about their collaboration, it guides you through Them story scene by scene as you scroll.

Before we dive into their page, let's zoom out to a macro concept of storytelling applied to theirs. So every good story has an arc One theirs is perfect.

It opens with a win to hook you. It hints at the stakes or challenges. Here, it's the overwhelming volume of digital assets utilized by a huge team. Then it shows you how the problem is solved, that stacking, sorting, searching, organizing Them turns chaos

into order, and it ends on a final victory, here visualized as McLaren's Formula One car powers across the finish line.

So let's break down the 5 storytelling moves they use and how you can adapt them for your own brand. They open with a defining moment. The Hera image freezes a driver mid celebration,

fist raise surrounded by McLaren's branding assets and social media posts. In a single glance, you feel the thrill of racing, the prestige of the team, and the strength of this partnership. Then secondly, they establish credibility fast.

Right after the hook, they bring in a voice of authority, a testimonial quote from McLaren's chief marketing officer. It's not just Philatex, it positions Dropbox as a trusted partner in a serious operation. And thirdly, they show One they don't just tell.

You know, this is very dear to me in Landing page optimization. They visually show the types of media the team manages, Driver close ups, behind the scenes shots, brand guidelines, even the team calendar.

No reading required. Then halfway down, they reveal their process. How they stack, organize, find, sort, and share. All paired with brilliant scroll triggered visuals. Storytelling is great, but contextual storytelling

with visuals is even better. Then fourth, they weave in the scale of the operation. Numbers tell a story too. Large typography calls out 2,000 assets, a thousand team members, 250,000,000

data points. Then as you scroll, the visual shift into McLaren's car tearing across a checkered grid of branded colors. Then finally, I wanna spotlight how they add a signature flourish during Them entire scrolling experience.

Delight is so rare for enterprise brands to achieve, but they pulled it off. A pixel o meter in the top right syncs with your scroll speed, showing pixels scrolled per second. Then in the top left, your session timer, just like a formula 1 lap timer, starts when you arrive and stops at the website footer. Incredible.

So how can you integrate storytelling into your landing page? Start by taking visitors straight to the end. Show them the results visually. Then as they explore, reveal what life was like before

and how it's been transformed. Remember, this is your stakes and challenges. Now back up your claims with relevant testimonials, ideally from people they'll recognize or relate to, highlighting features and benefits. Then finally, close with a positive approachable ending that leaves them feeling good about taking the next step.

I hope you enjoyed this Landing page case study. I'm always looking for killer storytelling examples. So please hit me up if you stumble upon any more good ones.

Like the preview?

Unlock all 22 chapters and 12+ bonus modules for $89.

Get the full course