The goal of this project was to create a compelling explainer video that clearly communicates Summit Digital’s offering as a marketing agency, along with their approach to helping clients achieve their business goals. Initially conceived as a video for use in prospect meetings and on a newly designed website, the piece was intended to showcase Summit’s capabilities in a clear, engaging way.
As the project evolved, so did the format. Rather than a traditional video, the concept shifted toward a more immersive, interactive experience. The aim was to reflect Summit’s collaborative approach by allowing users to feel actively involved in the journey, rather than simply being told the story.
This led to the development of a scrollytelling web experience, requiring the animation to be reimagined into multiple Lottie files and carefully choreographed interactions within Webflow. The result is a dynamic, narrative-driven page that guides users through Summit’s process while reinforcing their approach of involving the client all the way throughout the process.
The most important aspect of this project was communicating Summit’s message clearly and effectively. To achieve this, we began with a collaborative process alongside our copywriter, ensuring the narrative was fully developed before any design work began. This allowed us to refine the messaging and establish a strong foundation before moving into visuals.
With the story in place, I moved into the sketching phase, storyboarding ideas based on the agreed copy. At this stage, I focused on how the visuals could support and enhance the messaging, aiming to create a piece that could be understood with minimal on-screen text.
Using the storyboard as a guide, I developed the illustrations in Adobe Illustrator, adding colour and detail before exporting the frames into Figma. This enabled a more collaborative workflow, where the team could provide real-time feedback through comments, allowing for quick iteration and refinement.
Once the designs were approved, I brought the frames into After Effects to begin animation, ensuring smooth transitions and a cohesive flow throughout. This stage involved close collaboration with the team to fine-tune timing and pacing.
Following extensive research and discussion around competitor marketing agencies, we decided to adjust our approach when using this video for the website - finding a more innovative way to stand out while showcasing our capabilities. This led us to explore scrollytelling as a solution.
Scrollytelling is a digital storytelling technique that combines user interaction with narrative, where elements such as text, animation and graphics evolve as the user scrolls. It creates a more immersive experience, helping to break down complex information into engaging, step-by-step visual content.
As this was a new approach for me, it introduced a significant learning curve within the project. I began by analysing a range of scrollytelling examples, breaking them down to understand how each component interacts and contributes to the overall experience. Websites such as Flipaclip, Noomo Agency and You Can Be Anything were particularly useful in helping us grasp both the creative and technical considerations before adapting elements from our existing animation.
To bring this approach to life, we extracted individual components from the animation and converted them into Lottie files. This allowed for greater flexibility and performance on the web. I then worked closely with our developer to fine-tune the timing and behaviour of each element, ensuring a seamless interaction as users scroll. Through this process, I developed a strong understanding of Webflow interactions and how they can be used to create responsive, scroll-driven experiences.
Click here to see a demo of how this page worked when it was live in 2024.
As this project evolved, it resulted in two strong outputs, each designed to serve different contexts and audiences.
The video format is ideally suited for use in client presentations, particularly during prospect meetings. It provides a clear and concise introduction to Summit’s approach, helping to set expectations early and communicate how they work towards achieving client goals. By establishing this foundation upfront, the video enables more focused, meaningful discussions for the remainder of the meeting - making better use of time and ensuring clients feel engaged rather than overwhelmed.
The scrollytelling page, on the other hand, is tailored for website visitors discovering Summit Digital online. It communicates the agency’s collaborative approach in an interactive and engaging way, allowing users to explore the narrative at their own pace. This immersive experience not only captures attention but also reflects how Summit works in practice, encouraging a client-centric relationship where they are involved in every step along the way
Explore a selection of collaborative projects, using motion and design to communicate ideas and bring them to life.
