Rectangle
Dishware, Rectangle, Table

Scrollytelling

Scrollytelling is a powerful technique for telling immersive stories on the web—using a combination of interactive content elements that elevate story arcs, improve readability, and sustain reader interest.

What is Scrollytelling?

The portmanteau of “scrolling” and “storytelling”, scrollytelling is a web design format used to tell dynamic, multimedia stories that unfold as readers scroll through a website. Popularized by editorial from the likes of the New York Times and Wall Street Journal, scrollytelling underpins some of the most immersive and engaging content experiences on the web.

Scrollytelling websites dynamically combine a variety of content elements—from video, images, 3D models, charts, and infographics, to text and animated typography. It breathes instant life and movement into any content, and actively involves readers in what they are consuming—creating a sense of control, exploration, and discovery.

Material property, Amber

Scrollytelling in Action

Animations and parallax scroll

Weave in animations and parallax functionality to keep people moving through your story.

Video scroll and horizontal scroll

Create an instant cinematic feel with video triggered on scroll and smooth horizontal scrolling effects.

Vev makes it easy to craft and publish your own immersive scrollytelling piece to the web—without writing a line of code.

Build Scrollytelling

Without Coding

Rectangle, Triangle, Gadget
Rectangle, Beige, Wood

To help get you started with your own scrollytelling, Vev has features to help you visualize what can't be communicated by words alone and make the reader an active participant.

How to build a

scrollytelling piece

Rectangle, Triangle, Gadget
Rectangle, Beige, Wood

Customize Vev's pre-coded design elements and animations to craft your own visual story.

What is Scrollytelling?

As the web has become more powerful, so have our tools for telling stories. With animations, visuals, and interactivity, reading has the potential to become an engaging multimedia experience where the reader drives the narrative forward with the simple act of scrolling.

Goal: Keep the reader engaged, especially suitable to transform a long-form story into an enjoyable and engaging experience.

Parallax Scroll

Background elements move at different speeds to foreground content, creating instant depth and perspective. Take this to the next level by using a full-width background video.

Show / Hide

Engage readers with elements that appear or disappear on click. Great for pop-ups and quizzes.

Scroll Progress Indicator

Make UX experts and your readers happy by adding a scroll  progress bar to indicate the length of your content.

Vev is enabling a new generation of creatives to craft and publish interactive visual stories without knowing any code.

Publish Anywhere

Vev generates static files that you can easily publish and host on your own existing platform. Whether you are using WordPress or any other solution for your existing website, you can build in Vev and publish directly to your preferred CMS.

Rectangle, Font
Shapes, Green, 3D

Trusted by the World's Best Storytellers

Background shape, pink gradient
Product, Sky, World, Gadget, Slope, Font

Learn how to build a scrollytelling piece like the New York Times in Vev.

Watch on YouTube

Watch our Scrollytelling Masterclass

Get a deep-dive look at how to create an interactive scrollytelling website in Vev without coding a thing. You’ll get a walkthrough of the basics of scrollytelling, some beginner and intermediate techniques, and a more detailed tutorial on how to build a scrollytelling video section.

Shapes, Yellow, 3D

Feel free to explore and create as many projects as you'd like for free! Then select the plan that's right for you when you're ready to publish.


Let's make the web a more beautiful place, together.

Ready to make something exceptional?

Agencies

Ready to Make Your Own Scrollytelling Website?

Create as many projects in Vev as you like for free. Add a plan when you’re ready to share your story with the world.