Webflow is an all-in-one web design platform that gives designers unprecedented control over layout, functionality and animation - without having to write a single line of code. I've worked with them on multiple projects.
I worked with the team to concept, design and animate a pre-show loop for Webflow's livestreams. Using their colour palette, I abstracted UI elements and concepts from the product, and storyboarded a sequence that would keep viewers entertained while they waited for the stream to start.
Webflow wanted to announce their new ecommerce features with a big splash, so I was brought on board to help them design and build an intro animation for their landing page.
Working closely with brand designer Ryan Morrison, as well as their frontend development team, I built the animation in After Effects and exported it to code using Airbnb's Lottie framework. The sequence runs in real time, rendered directly in your browser.
This wasn't as simple as it sounds! Our goal was to ensure that it played well on as many devices as possible, but running a full-screen animation can drastically impact performance. I had to animate with this in mind, finding solutions to problems created by Lottie's technical limitations. This took a lot of trial and error!
The end result was an immersive full-screen animation that immediately creates a lasting impression. Every animation after "Hello Webflow" was created by Ryan through Webflow itself, which is a huge testament to the power of the platform.
Webflow came to me in late 2018, asking me to show how Webflow empowers people to design, build, and launch responsive websites visually.
The team at Webflow were looking to showcase timelapse footage of a website being created in their platform, with the addition of text, iconography and sound to reinforce the message. My role was to take the script and design each scene, keeping the footage the center of attention. I also cut the audio with the supplied music and voiceover to get the timing exactly right.
This ended up being one of their most successful campaigns, with 18+ million views on YouTube.