Collective Continuum

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

Figma
Webflow
AfterEffects
LottieFiles
Javascript

Services provided

webflow development
Lottie Animation
GSAP
custom development
javascript
00:00
00:00

Project Overview

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.

10 - 50 employees
Company size
Venture Capital
Industry
London, UK
Location
Webflow & Lottie Animations
Services

While scrolling animation

Lottie Animations for Dynamic Backgrounds

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.

Lottie animation
After effects
Webflow

Webflow Interactions for Text Animations

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.

Webflow interactions

Mobile Optimisation

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.

javascript
CUSTOM DEVELOPMENT
Lottie

Advance implementation

Optimisation and Performance

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.

Lottie
Performance
Optimisation
Accepting projects for q2 2024

Got a project?
Get in touch.

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.

New Business Team
Continue
Press Enter ↵
Step 1/5
BackContinue
Press Enter ↵
Step 2/5
BackContinue
Press Enter ↵
Step 3/5
BackContinue
Press Enter ↵
Step 4/5
BackContinue
Step 5/5
Does it all look right?
Name
Elon
Email Address
Services
Design
Webflow
Code
Maintenance
Something else
Budget
1000
Brief
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
All done 🎉
Nice one. Thank you!
We will be in touch within 24 hours.
Powered by Formly — A ViDesigns Product! 💪🏽
Oops! Something went wrong while submitting the form.
200+

Webflow Projects Launched

Hear what our clients have to say about our work!

Extremely satisfied. The team was extremely responsive, flexible, fast, and precise in all areas. We started together with a small project, and have since expanded the SoW significantly after the service and talent we got. 10/10, would recommend.

Precise, fast, communicative, no-fuss, generous, and trustworthy. Never had an issue and have come back to the team time and time again for more and more work. If you use another dev agency, you're just going to pay more for far less. It doesn't get better than this.

Maximillian S

Founder, ChaChing

Absolutely - they also went above and beyond to get the job done.

So satisfied. Vimalan and his team did a truly excellent job with an unusual brief. Their knowledge of Webflow and web design really showed through and they were excellent.

Alex Bodini

Co-Founder, SpinBrands

Working with ViDesigns has been an exceptional experience from start to finish. Their dedication, expertise, and swift execution in developing our website left me thoroughly impressed. The seamless communication and willingness to go the extra mile demonstrated their commitment to delivering excellence. Overall, my experience with ViDesigns has been nothing short of outstanding.

Working with ViDesigns has been an exceptional experience from start to finish. Their dedication, expertise, and swift execution in developing our website left me thoroughly impressed. The seamless communication and willingness to go the extra mile demonstrated their commitment to delivering excellence. Overall, my experience with ViDesigns has been nothing short of outstanding.

Latika Pathela

Head of Marketing, LIS

ViDesigns did a fantastic job bringing our new marketing site to life in Webflow. Couldn't recommend highly enough, great to work with!

Vimalan and his team at ViDesigns did a fantastic job bringing our new marketing site to life in Webflow. Couldn't recommend highly enough, great to work with, super responsive and very fairly priced!

Chris Cater

CEO, Fable Homes

I cannot recommend working with ViDesigns and the team enough! Their understanding of Webflow is second to none and they always finds ways to solve challenges through creative design

I highly recommend working with ViDesigns. The process was hugely collaborative and made the project a joy to work on. Their understanding of Webflow is second to none and he always finds ways to solve challenges through creative design. They are organised, calm and diligent in their work, and will go above and beyond to deliver.

Beth Kojder

Head of Project Management, Tony Blair Institute

Our team had a great experience working with the ViDesigns team. They delivered exactly what we were looking for very quickly and smoothly.

Our team had a great experience working with Vimalan and the ViDesigns team. They delivered exactly what we were looking for very quickly and smoothly. We ended up making a lot of changes to our design and they navigated that with ease. In the end we were very happy and would recommend them to anyone for their next project.

Mitchell Hart

Digital Product Designer, Tripnotes

ViDesigns were the perfect partner for us to work with! They were able to take all our ideas on board and quickly iterate on any changes we requested to make the site everything we wanted!

ViDesigns were the perfect partner for us to work with. We had in-house design and copy capabilities but we needed a Webflow Expert to come in and bring our ideas to life. Vimalan and his team were able to take all our ideas on board and quickly iterate on any changes we requested to make the site everything we wanted!

Edward Anders

Founder’s Associate, Compose

ViDesigns is highly creative, diligent in research, and provides excellent suggestions. ViDesigns' flexibility and adaptability have resulted in impressive productivity within tight time frames and with exceptional quality.

ViDesigns is highly creative, diligent in research, and provides excellent suggestions. Their skillful use of language and placeholders has greatly benefited our collaborative sessions. We have accomplished much and thoroughly enjoyed our real-time suggest-and-edit sessions. ViDesigns' flexibility and adaptability have resulted in impressive productivity within tight time frames and with exceptional quality.

Laura Lewis

Programme Director, Ellison Scholars

Webflow Enterprise partners

Why ViDesigns?

We are one of the handful of agencies in the world that handle design, development, and code. Our end-to-end approach leads to visually stunning Webflow sites that are well-built and integrate custom code solutions seamlessly.

World-class quality.

We are seasoned experts. With over 3 years of exponential growth, we have successfully delivered hundreds of Webflow projects, showcasing our unwavering expertise.

3 years of success.

Having successfully completed hundreds of projects and experienced continuous business growth for three years, our expertise speaks for itself.

We get it done.

We always get the job done! No excuses, no whining, no bs. No requirement is too big or too small for us. We just do it!

Our Clientele

We work with startups to global brands.

Questions?
Answers.

Still not sure? Let's chat to see if we'd be a good fit.

 
Book A Call

What does it cost to work with you?

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.

What kind of businesses do you work with?

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.

Do you work with WordPress, Wix, Squarespace?

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.

How big is your team?

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.

Do you provide white labeled services?

Yes we do it on request.

Please get in touch with us and we will make it happen

Do you work with other agencies?

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.

Do you work with Webflow templates?

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.

What is your handover process like?

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.

A virtual coffee?
Let's chat!

Let's chat about your project, your needs, our expertise, our portfolio, and how we can join forces to create something cool!