Motion Design System for Webflow
Webflow, a leading visual website design and development platform, sought to redefine its brand identity with a dynamic motion design system. By partnering with The Digital Panda, Webflow gained a vibrant motion design toolkit of assets, templates, and guidelines to invigorate its visual storytelling.
A Brand brought to life through motion
The challenge
Webflow needed a motion design system that would seamlessly blend with its refreshed branding across all marketing efforts. Our collaboration brought forth a wave of motion design innovations, reshaping how the brand communicates with audiences. Together, we infused dynamic motion elements and principles into Webflow’s visual identity. From fluid transitions to animated illustration, these elements enhance the user experience and reinforce the brand’s powerful digital platform.
Our approach
Content audit
We started by auditing Webflow’s various content types to pinpoint potential applications for the new motion design system. These insights laid the groundwork for crafting a dynamic array of innovative deliverables.
An all-new Webflow logo
We infused Webflow’s new logo with clean motion to symbolize design innovation and seamless functionality.
The final result
After extensive exploration and collaboration with the Webflow team, we finalized comprehensive brand motion guidelines and assets that encapsulate the essence of Webflow's refreshed brand identity. With clear directives and dynamic materials, Webflow is set to propel its marketing efforts into a new era of engagement.
Logotype animations
We brought energy and dynamism to Webflow’s logo.
From sleek morphing effects to playful kinetic typography, these animations amplify the brand's impact and captivate audiences, setting the stage for memorable brand experiences.
Animated illustrations
With dynamic animated elements bring a new energy to Webflow’s visual identity.
Typography
Keeping things simple was central to the making the project unmistakably pro. This simplicity is represented in the subtle light pass animations we applied to the typography.
Templates
We created various templates, from social media post assets to banners to empower Webflow’s team with ongoing marketing tasks.
Let's make your brand move
Thank you
Want to join forces?
Submit your resume and portfolio to careers@thedigitalpanda.com
Current Positions
Prototypes
Ecommerce platforms
Minimal Viable Products
VR Experiences
3D Interaction
But wait... there's more 🖼️
MOBIA
Culturally Connected
