Scrollytelling isn’t just a design trend. It’s rather a rethinking of how content can be structured and presented. Instead of clicking through a series of static pages or image galleries, the user scrolls through a narrative that unfolds around them, where animation, illustration, sound, and motion are all woven together in one experience that feels smooth and natural. It sounds a bit tricky, doesn't it? Good news, it's totally doable.
We were tasked with creating a cohesive suite of 2D and 3D visuals for the full SDLC journey. Each element had to be intentional and considered while loading quickly, scaling beautifully, and animating effortlessly within the flow of the page's scroll.
We started by breaking down the SDLC process into key thematic points, identifying where which execution (2D/3D) would support the storytelling the best, without overwhelming it. Every asset had to feel like part of a living, breathing system and be fully integrated into the experience. To achieve this, we worked closely with Ladyship and our internal team to ensure each asset is aligned with the broader narrative and performs seamlessly across devices.
Working in a scrollytelling environment meant we had to think differently about animation. These weren’t videos that were going to play on a timeline. They were motion events triggered by user interaction, happening in real-time as the page scrolls.
We designed with modularity and performance front of mind. Each asset was optimised for web playback, with clear handoffs to dev teams and flexibility baked in for reuse across different touchpoints. And unlike traditional animation, the user is in charge here. Our job was to create a system that felt fluid and responsive no matter how fast or slow someone scrolls. That meant testing, iterating, and collaborating deeply to land on a system that worked just as beautifully on mobile as it did on desktop.
The final experience turned a technical process into a guided story that invites exploration, curiosity, and understanding. The visuals that we developed became anchors in the user's journey, helping them connect with each phase of the SDLC in a more intuitive and emotionally engaging way.
We invite you to visit more than just a web page; rather, a living demo of how design and storytelling can elevate content that’s traditionally seen as dense or dry.
.webp)
.webp)
.webp)
.webp)
.webp)