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

Company size
11-50 employees
Industry
IT
Services
Development
,
Redesign
,
Location
New York, US
of All Trades website case study by Flowout
INDEX
About
Approach
Challenge
Plan
Solution

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.

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.

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
Of All Trades website case study previewof All Trades website designed and built by Flowout

of All Trades website, page section 1

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.

of All Trades website, page section 2
of All Trades website, page section 3
of All Trades website, page section 4of All Trades website case study by Flowout

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.