Elevating creative storytelling: How Flowout helped of All Trades build an animation-rich Webflow experience

REDESIGN
DEVELOPMENT
Landing page we created for Sendlane in Webflow.

About of All Trades

of All Trades is a US-based flexible operating partner for early-stage founders and fast-growing teams. Their model embeds multi-functional generalists directly into organizations to help bridge execution gaps across marketing, product, and operations - without the overhead of traditional hiring. By tailoring talent based on skill, scope, and speed, oAT delivers high-impact results to startups, non-profits, SMBs, and enterprise teams alike. 

IT

Industry

11-50 employees

Company size

New York, US

Location

Redesign, Development

Services

Challenges: A creative vision that demanded custom animations

oAT had a clear goal: their website needed to not just present their services, but tell a story. They wanted an experience that felt alive - visually compelling, scroll-driven, and filled with motion that supported the narrative. 

The challenge was in the details. Their site required high-quality animation, scroll-based storytelling, interactive elements and an aesthetic that blended fun with professionalism - all while maintaining fast performance across all devices.

Our scope included:

  • A full redesign centered around immersive storytelling
  • Micro-interactions and custom motion details
  • Responsive performance optimization for animation-heavy content
  • Lottie animations integrated seamlessly with text content
  • Scroll-based scene transitions to guide users through a story

Our solution

Flowout led the full redesign and Webflow development of the new oAT website. From the beginning, our approach balanced creativity with performance - prioritizing expressive visual storytelling without compromising speed or usability. 

We created dynamic, scroll-triggered experiences layered with subtle interactions and narrative pacing, building a highly memorable, fast-performing site tailored to their brand and message. 

Landing page we created for Sendlane in Webflow.

Implementation highlights

Engaging storytelling through scroll-based transitions

The entire website is structured as a flowing narrative. Scroll-based triggers control transitions, reveal animations, while dynamic content guides users through the story of what oAT does.

Lottie-powered animation system

We integrated relevant Lottie animations across key sections to bring visual context to the copy - ranging from icons and logos to section transitions. These animations enhance the story.

Advanced micro-interactions

From hover states on cards to animated menus and dynamic iconography, the site is filled with small moments of interactivity. These details are meant to subtly reinforce the creative tone.

Performance optimization for animation

Despite the animation-heavy experience, we ensured fast load times and seamless performance across all devices by selectively lazy-loading assets and optimizing Lotties.

Aesthetic balance between playful and professional

Our team of designers helped strike the perfect tone for oAT: bold and fun, yet clean and polished. The design reflects their unique identity, capturing attention without distractions. 

The results

The redesigned website is more than just a digital presence at this point - it’s a powerful storytelling vehicle for a modern operating partner. The new experience we managed to create now brings clarity to oAT’s value proposition by guiding users through a scroll-based narrative.

By translating oAT’s service model into a dynamic Webflow experience, we helped reinforce their positioning as flexible, embedded generalists for startups, non-profits, SMBs, and enterprises. The result is a site that not only captivates visitors, but also converts them.

TRUSTED BY 100+ FAST-GROWING COMPANIES

Grow rapidly with unlimited Webflow design & development

Power of a full Webflow team at the cost of one employee. Fast turnaround. No contracts or surprises. Cancel anytime.
Webflow Professional Partner