top of page

/ Articles  -  

Best Practises

The scroll-stopper formula: 3 second rule

August 15, 2025

You’ve done it today. Probably in the last hour.
Scrolled past a dozen posts, ads, and websites without even noticing them...

And that’s the problem.
If you don’t grab attention in the first 3 seconds, you lose the game before it even starts. Whether it’s an ad, a website hero, or a social media post, the fight for attention is brutal.

So, how do you actually make someone stop scrolling?

1. Contrast is key

Your brain loves patterns… until something breaks them. That’s why you notice the one neon sign in a street full of grey buildings or when someone wears unique clothing. Despite us loving patterns, we've been trained to notice differences.


In design and marketing, contrast can mean:

  • Visual contrast: Bold colors, unusual shapes, unexpected compositions.

  • Content contrast: Headlines that challenge an assumption or make you raise an eyebrow.


Example: A fashion ad where the model is upside down in the frame. Weird? Yes. Scroll-stopping? Definitely.


2. Show relevance instantly

People don’t have time to figure out if your message is for them, you need to make it clear from the start.

That means using:

  • Images that reflect your audience’s world.

  • Words they actually use, not jargon and no fluffy words.

  • A headline that screams: “This is about you.”


Example: Instead of “Innovative cloud-based solutions” try something like “Your files, accessible anywhere, even without Wi-Fi


3. tease with curiosity

Ever clicked on a video just because you had to know what happened next? That’s the curiosity gap at work.

Give a taste, but not the whole story:

  • A question without the answer.

  • A before/after with no “after” shown.

  • A cliffhanger in the headline.

Example: “This tiny UX change doubled our sales. Here’s what we did.” You’re hooked because now you have to know. Just remember when, or if, you use clickbaits, you need a real payoff and not mislead the users.


4. Make it ridiculously easy to consume

If your design takes too long to process, you’ve already lost.Keep it simple, fast, and scannable.

Tips:

  • Big, clear visuals.

  • Minimal text in the first view.

  • Fast loading, a slow site is the ultimate scroll-killer, especially on mobile.



The takeaway

The internet is noisy. You have 3 seconds to cut through that noise.Hit with contrast. Show relevance instantly. Tease with curiosity. Make it easy to digest.

If you can win the first 3 seconds, you can win the next 30, and maybe even turn a random scroller into a loyal customer.

Illustration of multiple windows

Why people don’t read your content (what they do instead)

Why people don’t read your content (what they do instead)

Web & UX Design

Linkedin company page screenshot

5 things I've learned from working with linkedin marketing

5 things I've learned from working with linkedin marketing

Marketing

2 professional website hero sections

Why your website feels cheap (even if it wasn’t)

Why your website feels cheap (even if it wasn’t)

Web & UX Design

Afobe & Semrush puzzle pieces

Adobe buying Semrush: SEO future

Adobe buying Semrush: SEO future

Tech news

Phone mockup for Hampuddesign

Why most small businesses fail at marketing

Why most small businesses fail at marketing

Marketing

Arc and Doa bought by Atlassian

Atlassian buying The browser company: Arc sold

Atlassian buying The browser company: Arc sold

Tech news

You might

also like

Explore my work

Web Design

Karlsson Bil is a car dealership based in Varberg, specializing in buying, selling, and restoring vehicles, including the exclusive Lignon Scandinavia line of handcrafted Land Rover Defenders. I worked on designing a website that blends the heritage of the classic Defender with a modern, sleek aesthetic. The focus was on creating a smooth, intuitive browsing experience, making it easy for users to explore the inventory, learn about bespoke restorations, and navigate the buying and selling process with confidence.

Karlsson bil

Karlsson Bil is a car dealership based in Varberg, specializing in buying, selling, and restoring vehicles, including the exclusive Lignon Scandinavia line of handcrafted Land Rover Defenders. I worked on designing a website that blends the heritage of the classic Defender with a modern, sleek aesthetic. The focus was on creating a smooth, intuitive browsing experience, making it easy for users to explore the inventory, learn about bespoke restorations, and navigate the buying and selling process with confidence.

Tools used

Wix Studio & Custom code

Web Design & Branding

Carin Fredén is a Malmö-based photographer and photo editor specializing in high-quality business photography and visual branding. Her website showcases her work and services, helping businesses enhance their visual identity through images.

Carin Fredén

Carin Fredén is a Malmö-based photographer and photo editor specializing in high-quality business photography and visual branding. Her website showcases her work and services, helping businesses enhance their visual identity through images.

Tools used

Wix Studio, Figma & code

Web Design

Tek-ture is a cutting-edge architectural firm with a focus on modern and sustainable design. For this project, I recreated their website from scratch, ensuring it maintained the original futuristic feel and functionality.

Tek-ture

Tek-ture is a cutting-edge architectural firm with a focus on modern and sustainable design. For this project, I recreated their website from scratch, ensuring it maintained the original futuristic feel and functionality.

Tools used

Wix Studio

UX & User testing

Asekio is a Skåne-based tech startup with a vision to create a no-code AI website builder that can generate fully customizable websites in just 29 seconds. Users  input prompts, and Asekio handles the layout, text, and images. 

Asekio

Asekio is a Skåne-based tech startup with a vision to create a no-code AI website builder that can generate fully customizable websites in just 29 seconds. Users  input prompts, and Asekio handles the layout, text, and images. 

Tools used

Figma, Figjam & Asekio

bottom of page