WEBFLOW CMS. UX engineer.
FIGMA. WEBFLOW. 2022.
Onboarding CMS on Webflow.

The Fabulous Onboarding Flow


Working on the self-care coaching app was a truly fulfilling passion project. My task was to bridge the gap between The Fabulous and their potential premium users. With a myriad of design ideas from their talented team, we decided to explore them all, leveraging the power of Webflow CMS in an intelligent way.

I engineered a solution that empowers editors to create a customizable onboarding flow with infinite variants for A/B testing. This approach allows us to identify the winning variants that resonate most with users, seamlessly integrating them into the app experience. Now, implementing and testing new marketing ideas takes mere minutes, eliminating the need for additional development work.

No items found.
The Fabulous Onboarding
The Fabulous Onboarding
The Fabulous Onboarding

50 + Custom templates to choose from.

Design team has developed a collection of Figma templates for each onboarding step, offering a versatile solution for the marketing team's A/B testing needs. These designs provide ample freedom to experiment and optimize user experiences. With the custom Content Management System (CMS) I created, updating each template file is a breeze. Marketers have the ability to effortlessly modify text, buttons, colors, backgrounds, and various design elements. I invite you to review one of our demos to witness the seamless flexibility in action: dynamic onboarding demo.

The Fabulous Onboarding
The Fabulous Onboarding

Over 80 Customizable Templates...

More than 80 custom templates have been meticulously coded, showcasing my commitment to delivering flexible and dynamic design solutions. However, the true power lies in the extensive customization options embedded within each template. With a comprehensive range of adjustable elements including colors, illustrations, text, and blocks, the marketing team gains the ability to create an endless array of variations. The process is made effortless through a user-friendly interface that enables simple selection or toggling of Webflow CMS options.

To enhance the user experience further, I have integrated intelligent logic that responds to user input, seamlessly guiding them to the next relevant page. This tailored approach ensures a smooth journey, increasing engagement and conversions.

One of the standout features is the freedom given to editors, who can generate unlimited onboarding variations by mixing and matching steps. This allows for extensive A/B testing, where each version's performance is closely analyzed to identify the most effective design for conversion. If tests reveal suboptimal results, faulty designs are swiftly removed from the CMS, maintaining a refined and impactful user experience.

The Fabulous Onboarding
The Fabulous Onboarding

Empowering Marketing Teams with Dynamic Web Experiences

Webflow's powerful CMS functionality allows us to create complex and dynamic websites effortlessly. With custom fields and flexible schemas, we easily structure content and connect it to any design. The true magic lies in my ability to think outside the box, solving complex problems and crafting innovative solutions. Building a CMS is not just a technical endeavor; it's a creative process that requires a keen eye for detail and an unwavering commitment to delivering remarkable results.

The Fabulous Onboarding
The Fabulous Onboarding

The Fabulous Onboarding
The Fabulous Onboarding

The Fabulous Onboarding
The Fabulous Onboarding
The Fabulous Onboarding
The Fabulous Onboarding

The Fabulous Onboarding

Got a project?

Learn more
Let's talk