We developed a highly interactive and complex web experience using Webflow, integrating Lottie animations for background dynamics and Webflow interactions for text animations, all crafted in-house to create seamless motion.
Tools used for this project
Services provided
In a collaborative effort with Shoreditch Design, our agency was tasked with developing a highly interactive and visually complex web experience hosted on Webflow. The project goal was not only to bring the client's visionary design to life but also to ensure that the web experience remained engaging and accessible across all devices.
While scrolling animation
To achieve a dynamic and intricate background animation, our team leveraged Lottie, a powerful tool for adding lightweight, scalable animations to web platforms.
Lottie animations are particularly advantageous for web design due to their small file sizes and the ability to scale across different platforms without losing quality.
The animation was crafted entirely in-house, based on a storyboard provided by Shoreditch Design's creative team.
This storyboard outlined the key scenes, which our animator then meticulously connected and interpolated to create seamless transitions and movements throughout the web experience.
In addition to the background animations, we utilized Webflow's robust interaction capabilities to implement engaging text animations.
These animations were designed to complement the Lottie background, creating a cohesive and immersive user experience that captures and holds the audience's attention.
In adapting the project for mobile devices, we developed a unique Lottie animation tailored for optimal mobile viewing, ensuring visual appeal across all screen sizes.
Acknowledging performance issues with Lottie animations on iOS devices, we ingeniously rendered a video version of the animation.
To mimic the interactive scrolling experience, we implemented custom code that scrubs through the video in sync with the user's scroll, creating a seamless and engaging mobile web experience.
Advance implementation
One of the primary challenges was ensuring that the complex animations did not adversely affect the site's performance or load times.
Through expert optimization and leveraging the efficiency of Lottie animations, we achieved a highly interactive experience with a surprisingly small impact on performance, ensuring that the final product was not only visually impressive but also user-friendly.
The final animation size was only 250kb.
We take on only a select number of Webflow projects every quarter to ensure the highest quality of work. Currently accepting projects for Q1 2024. Book a call to explore how we can collaborate.
Tom Trafford
Marketing Manager, Thrive Learning
Maximillian S
Founder, ChaChing
Alex Bodini
Co-Founder, SpinBrands
Latika Pathela
Head of Marketing, LIS
Chris Cater
CEO, Fable Homes
Beth Kojder
Head of Project Management, Tony Blair Institute
Mitchell Hart
Digital Product Designer, Tripnotes
Edward Anders
Founder’s Associate, Compose
Laura Lewis
Programme Director, Ellison Scholars
Typically, our projects fall within the range of £10,000 to £20,000 with an average duration of 8 to 12 weeks.
Please note that the minimum engagement level for any project is currently set at £10,000.
We mostly work on a fixed-bid basis for our projects, focusing on a select few clients at a time.
To provide an accurate estimate, we need a clear understanding of your requirements, project scope, deliverables, and timelines.
We primarily work with funded startups and small to medium businesses.
Our clientele spans a wide range of industries and includes notable names such as the Tony Blair Institute, Compose, Perfect Level Master, and London Interdisciplinary School, among others.
We've also had the pleasure of collaborating with design agencies and have ongoing partnerships for Webflow development services.
Regardless of the size or sector of your business, our team is equipped with the expertise to deliver a website that not only meets but exceeds your expectations.
No. We have fully transitioned into a Webflow exclusive agency. We are Webflow masters and we know how to design and build amazing websites using Webflow.
We can migrate your existing website from any platform to Webflow!*
*Given that it is the best option for you and doesn't compromise any features or plugins that you need or have on your existing site. Please reach out if you need more questions regarding migrations.
A small yet potent team of 7!
1 designer, 4 Webflow developers and 2 Js developers.
We also have a roster of freelancers that help us with 3D animations, 2D illustrations, branding and logos.
Yes we do it on request.
Please get in touch with us and we will make it happen
Yes, we do!
We have ongoing partnerships with design agencies in the UK and USA for Webflow development.
We also offer partner prices & discounts to our long-term partners.
Get in touch if you would like to be a partner.
No. We prefer to build all websites from scratch. It is actually faster for us to develop, easier to maintain and keeps the website lightweight.
We onboard our clients into Webflow, train them to use the Editor and maintain their website easily. Either by using Loom videos that go through how to use Webflow Editor or a live hands-on session, we ensure our clients are able to maintain their websites with ease.
