Bringing motion to the brand at Webflow
On-screen and in person
An animated reel showcasing through a creative edit just some of the many inspirational sites built in Webflow, was originally made for a projection during Webflow Conf's 2023 in-person event, but its impact was enough to keep it in-rotation for other shareable content and as an updatable statement piece for future in-person events.
At the retreat
Developed an infinitely-looping animation to be displayed on a large screen for our in-person retreat. (Visuals based on the hero poster designed by Tanner Leslie.)
In Youtube ads
As part of the OOH campaign, developed a 30-second video showcasing the three key features for our target audience. (Additional credits: Patrick Szot - storyboarding)
Across HTML5 display ads - extension of OOH campaign
HTML5 ads can be a hassle to make look good, especially when there are so many sizes and variations.
- I templatized assets in Figma and After Effects across multiple sizes for repeatable future use.
- Created using lottie.js, which maintains the sharpness of vectors while reducing file sizes.
- Improved internal review process by building a Webflow template for viewing the animation in real time across all sizes.
On stage during the keynote
The presentation behind the speakers is made up of over 100 slides! In 2024, challenged with a smaller team than years past, two of us from the Design team partnered with the Video team for the massive undertaking that is the Keynote (link to watch) - all slides meticulously designed and animated.
Leading up to and during Conf
A sneak peek to build excitement for the much-anticipated competition, The Speed Build Challenge.
Result: building anticipatory excitement with our audience online prior to the competition and being able to repurpose this asset for motion deliverables on-site.
In socials to increase engagement
Social posts are supposed to be quick to make, because there's just so much content to share with the world, and this usually means they're made quick and dirty. But some posts require a treatment that's a little more special, fitting the elevated brand style that's usually reserved for larger deliverables.
Result: putting extra effort into a set of carousels got us significant increase in engagement on IG and Linked.
In product celebratory moments
Example: With the launch of the Partner Program, one of the goals was to delight our users during the onboarding and achievement experiences with animation that utilized a specific spectrum of our brand's style.
Result: these celebratory moments help the user stay engaged with onboarding and provide special touchpoints with the brand.
Result: these celebratory moments help the user stay engaged with onboarding and provide special touchpoints with the brand.
Static marketing
Ads, emails, and more (to be added)