10 Crazy Webflow Website Scroll Animations | Scrollytelling Examples
Level:
Storytelling is absolutely popular. The method conveys information to the target group through the use of stories. And this information is more likely to be consumed when it is presented in an appealing environment — as a story. Plus: Well-done story telling ensures that users spend longer on a website.
Scroll animations are one way to wrap stories nicely. And (how could it be otherwise?) Such scroll animations can be created super smoothly with Webflow. I will present 11 examples of crazy Webflow scroll animations to you in today's post.
By the way: Companies can use scroll animations excellently for a temporary web special.
Brilliantly made Webflow scroll animations
Mike Murphy - Portfolio and life on a Webflow website
When Mike Murphy starts, it's going to be really good. He has already created animations for legendary films such as Lord of The Rings or Iron Man - and now has an immersive story telling website. The result is a page that combines portfolio and curriculum vitae. Scroll through Murphy's life now and enjoy excerpts from the best soundtracks of all time.
preview: https://try.webflow.com/Murphy (affiliate link)
Kalso - life story to scroll through
Presenting the story behind a product is always a nice idea. Especially when it's as exciting as in the case of Kalso. The history of wellness shoes dates back to 1905. In a soft-flowing scroll animation, the story of the founder of the same name and the product is presented with numerous pictures and bits of text.
Sakharov - The story of a Nobel Peace Prize winner
This Webflow website about Sakharov is a digital museum dedicated to the life, scientific work and human rights efforts of the Nobel Peace Prize winner. Among other things, archive images were animated for the site, thus recreating the atmosphere of an old movie. The website takes the user chapter by chapter through the man's life - with pictures, videos, documents and much more.
preview: https://try.webflow.com/Sakharovspace (affiliate link)
Venus Williams - Biography
This example about tennis star Venus Williams also shows that you can create incredibly great biographies with Webflow Scroll animations. Other Webflow animations - such as slider carousels - are built into the scroll animation. Just have a look!
preview: https://venuswilliams-backup.webflow.io/bio
Refokus - full-service Webflow agency
It is really smart when a web design agency already shows what it can do with its website. This is how the Webflow agency Refokus from Pinneberg does it. With their 2021 website, the creatives from northern Germany are recapitulating their first year in a sleek scroll animation.
Hard Work Club - new design collective
Tearing down the walls between consumers and brands — that is the goal of the Hard Work Club. And much more: They rethink creative work and present their concept on a colorful Scroll Animation Webflow website that is simply fun.
Redis Agency - now with its own Webflow team
In just one year, the Redis agency has launched dozens of projects and won international awards. Now the creatives have created a Webflow department and dedicated their own Webflow website with scroll animations to it. This landing page expresses love for Webflow, customers, and the team. It also shows the new corporate identity of Redis Agency.
No Pitch Club — for a world without pitches
Everyone and every creative person who has worked in an agency knows it: the pitch. Pitches cost time, money, resources, nerves — and are creative work for free. Why are so many still pitching? Because that's what the (spoiled) customer wants it! The No Pitch Club wants to put an end to a world in which people want. With a brilliantly made website that presents the arguments against pitches bit by bit via scroll animation. Definitely thought-provoking!
preview: https://try.webflow.com/No-Pitch-Club (affiliate link)
Alpha 10X - Knowledge as a Service
ALPHA10X is an AI-powered search and discovery platform that is described by its makers as a knowledge as a service product. A landing page, which explains the concept via scroll animation, shows what's behind it.
preview: https://try.webflow.com/ALPHA10X (affiliate link)
Take a ride with me - biker POV films
Danish videographer Nikolaj Juhlsen has launched an exciting video project with the website Take a Ride with Me. Movies from a biker's POV - coolly packaged in a scroll animation.
.svg)
English