Scrollytelling is an increasingly popular way to leverage a digital interface and convey an intricate story.
These visual effects strive to captivate audiences, serving them engaging content on a silver platter. Scrollytelling is also referred to as “narrative visualization” — a series of visual elements sequenced together, organized chronologically to convey a specific message to visitors.
Just like the possibility of reading a book at your own pace, websites now allow you to navigate and control their flow in a personalized way by understanding that each user is different and presenting messaging in intriguing ways.
Example #1: Brand Storytelling - Elementor Celebrates 5 Years
The designer used some favorite widgets to spice up simple facts and statements, accentuating the celebratory element of the website's 5th birthday story tale. As you scroll down, some elements move around, some change shape, and some simply remain fixed where they are. All it took was some Lottie animations, rotating icons, entrance animations, and of course, lazy load: and a vibrant, out-of-the-box post format was born.
Examples #2: Products Pages - Airpods Pro
Apple has the liberty to interactively show the different color options of their earphones and show a use-case of a happy customer using them. They’re free to choose very few words and can cut right to the chase of what makes the earphones unique and how they enhance the customer experience — all without much explanation of what the product actually is.
omg let me try it!