Transform Your Long-Form Content With This Guide To Scrollytelling

Transform Your Long-Form Content With This Guide To Scrollytelling 1

Websites committed to spreading awareness about a cause or event need to make their story as effective as possible. In its very essence, the goal of a website like “Every Last Drop” is to make its campaign for water conservation known to the masses. What better way to do this than a cartoon-like story of a red-headed astronaut getting ready for work in the morning?

The numbers of how much water gets wasted in today’s world are high, to say the least. 150 liters of water are wasted per day in the UK, a five-minute shower uses 40 liters, a regular bath uses 80 liters … we may have expected paragraphs of texts to follow the images and explain how these figures are possible to begin with. 

Scrollytelling to the rescue. Rather than lengthy explanations about research findings and scientific reasoning — an illustrated story about a regular joe heading to work tells us all we need to know. The astronaut represents a large segment of the world population, and following his daily routine shows us how quickly the layman consumes water without realizing it. The proof is in the pudding, and there’s no real need for data visualization, graphs, dashboards, and most of all, explanation paragraphs from top to bottom. 

You Can Do It, Too

  • Look into Elementor Mouse Effects. These mouse tracking features allow you to configure certain elements to move in relation to visitors’ mouse activity. This is the perfect option for scrollytelling — as your content will move as the user navigates.
  • Apply vertical scrolling effects to your page backgrounds. Not only can you choose the motion speed, but you can also determine where the movement begins based on viewport height.

This article was originally published here.


Share this page
Share on facebook
Share on twitter
Share on linkedin
Share on email