ClickFunnels

ClickFunnels 2.0 - Advancing a feature rich SaaS app, by rebuilding from the ground up.

Role
Lead Product Designer
Project Duration
Over 22 months (2020-2022)
Project type
SaaS, Web App, Branding

I was tasked to lead the re-design of ClickFunnels from the ground up. With the mission to provide a faster, visually consistent, and content cohesive web app like we've never had before, restructuring the app's holistic information architecture, aligning marketing and product vision, building new design systems, redesigning + building multiple new features, and refining UX for more intuitive experience.

Our design team of 2 researched, documented, wire-framed, prototyped, presented, handed-off, delivered, and worked closely with the c-suite, stakeholders, leads, support, marketing, devs+engineers to provide: 2 design systems, 3 'no-code'/'drag & drop' builder features, a new e-commerce area, a new course area, a richer CMS system, and a restructuring of account management and multiuser system to mention some highlights.

With the project having a successful release in 2022, we had an astounding amount of positive response and reviews from current and new users.

ClickFunnels

01 // Overview

Lead Product Designer

01 // Overview

ClickFunnels, introduced a new & easy way for businesses to design and implement sales sites called "Funnels"; a step-by-step guide, like a waterfall of web pages, designed to lead customers through a tailored sales journey. The web app was ahead of it's time in 2017, offering an easy drag and drop site builder, with a GUI that represented the customer journey, of sales, drop offs, opt-ins within their sales "Funnels". It also included powerful features like automation, lead management, email marketing, and A/B split testing all in one, giving users the power to develop their online businesses through advanced online tools which would normally cost a lot and take a lot of time to integrate.

ClickFunnels offered features and solutions ahead of its time, with an all in one solution app, and a seasoned education team that provided tactics on how to create high converting digital business. ClickFunnels, not only provided an app, but a key tools and solutions to succeed online.

ClickFunnels

02 // ProBlem

Lead Product Designer

02 // Problem

How do we stay ahead of the market & expand our user base?

ClickFunnels

03 // Problem: Framing

Lead Product Designer

03 // Problem Framing

Our design team conducted an in-depth analysis of the existing market and our product’s market positioning. With approval from stakeholders, we leveraged 'PriceIntelligently' to assess current and future user needs, helping us refine our strategy to better reach the mainstream market.

Through this process, we identified and prioritized three key areas to amplify value for existing users and reduce churn:



1. Education:
Enhancing the app’s user experience to reduce the learning curve for each feature by better aligning with the education team’s content and resources.

2. Analytics & Stats:
Reshaping, expanding and adding features that provide better analytics and insights that provides actionable steps to improve sales, performance, and knowledge to help users grow.

3. App improvements & Information Architecture:
Optimizing app speed to handle higher user activity and faster-loading sites. IA + UX overhaul of the whole app including features for more intuitive and user-friendly experience.

Bonus - A Coevolving app:
The app needed to grow and evolve alongside users, adapting to their needs over time. It had to be simple enough for first-time business owners yet scalable enough to support complex, high-level businesses as they expanded.

"Users need to be able to launch their online businesses faster with fewer obstacles, while achieving measurable positive impact on their businesses through more intuitive tools, and workflows."

A perfect example of this problem is a user flow that, over time, led to user drop-off and increased confusion in the onboarding journey.

Both the ClickFunnels (Classic) and ClickFunnels 2.0 Refined Flow were designed to onboard new users and guide them toward building their site. However, the classic flow involved too many steps and excessive options—while it technically worked, we observed a significant drop-off between steps two and four.

The refined flow streamlined the process into just three steps with only two key options, making it easier for users to start creating their business and setting up their account.

ClickFunnels

04 // Process

Lead Product Designer

04 // Process

A Systems Thinking approach to drive a holistic project

In 2020, we applied Design Thinking to conduct 'Sprints', conceptualizing features from the classic ClickFunnels app. However, as the project shifted toward a full-scale redesign of ClickFunnels 2.0—requiring multiple buy-ins from stakeholders—we adopted a Systems Thinking approach to guide the re-design.

The design process needed to be simple, iterative, and collaborative, ensuring that every step aligned with our hypothesis. At the same time, we had to balance the redesign while managing day-to-day operations, including improving the existing app and addressing its flow flaws.

The Skunk Works team met daily to discuss objectives, review progress, and analyze new findings. The rough diagram below illustrates our design process. Each step involved gathering feedback, iterating on solutions, and occasionally taking a step backward to ensure we were moving in the right direction.

As the project gained full approval and was officially green-lit, Design was given priority access of resources and teams across the company to ensure the product vision remained intact. Our role was to provide a single source of truth for all teams involved—those implementing the app, reviewing it, selling the product, and leading its education.

This graph below illustrates the later stages of the project (after the Skunk Works phase), highlighting cross-functional communication, reviews, approvals, and collective efforts to bring ClickFunnels 2.0 to life.

  • 2019/20 brought significant challenges, where the design team was left with 2 designers, no Product Managers, fewer engineers, and overall a reduced team budget.
  • After 2020, with limitations to resources and time, our Product Chief formed a Skunk Works team, assigning me to lead design, to rapidly and efficiently get ClickFunnels 2.0 in a presentable place where we could get buy-ins from the stakeholders, C-suite, and Marketing Chief.

  • The 'Skunk Work' team had to work under the radar for the first 12 months, balancing day-to-day operations while driving the CF2.0 project forward.

Technical Challenges & Key Notes

ClickFunnels

05 // Challenges & Results

Lead Product Designer

05 // Challenges & Results

Unfortunately, there’s a lot I can’t share due to NDA restrictions and limited access to project files. However, I’d like to share some final thoughts and highlight some of the incredible things we accomplished.

Design Systems

We designed and built two Design Systems for ClickFunnels 2.0—one for the main app and another for the page builder. While I wasn’t able to fully push both systems to their final vision, I was glad to see them having a positive impact even after my departure.

Our team, especially the developers, had long struggled with maintaining design consistency and alignment due to the fast-paced release cycle. This needed to change, particularly in a culture that prioritized launching something exciting every few months. The solution was to implement an evolving, tokenized design system—one that was simple yet flexible enough to build upon.

The goal was, as we refined the execution and integrated tokens with the new codebase, we could focus on making the app feel “fun” again. This approach allowed us to focus heavily on emphasizing typography and information architecture — removing ourselves from creating a distracting experience full of decorations and clutter. The hope was that these improvements would bring much-needed clarity to the experience of building within such a large-scale app.

Improving & Creating Features

Existing features from the classic ClickFunnels needed to be improved, while new products and features were introduced for the first time. Due to limited time and resources, we relied heavily on internal data and product experts to guide many of these improvements.

One of the biggest challenges was integrating Funnels, Sites, and Automations in a way that made sense both visually and technically. Based on our collected hypotheses, we launched a new Funnel Builder experience and an Automation Builder. However, in hindsight, the project would have greatly benefited from a more structured approach—breaking it down and incorporating more qualitative data to refine the experience.

Migration

Migration was always going to be a major challenge. Replatforming increased the workload and learning curve for developers and engineers, slowing down the implementation of new features. At the same time, users had to adapt to an entirely new Information Architecture (IA) and relearn even the limited features they were familiar with in the classic app. We anticipated significant risks and challenges, which could either stall progress or lead to user attrition.

Our goal was to deliver a superior platform without sacrificing the core functionality users relied on. In many ways, we succeeded by implementing a carefully planned education system, roundtables, and open communication between the CTO, Engineering Leads, experts, and internal teams. This not only helped developers unblock issues faster but also provided feature teams with a more holistic understanding of the app and its interconnections.

On the user side, the transition was even more complex, as we couldn’t simply sunset the old app. Ideally, we would have introduced changes gradually, but given the scope of the replatforming, we had to find ways to make the transition seamless. To address this, we focused heavily on migration tools, including:

  • A data import feature that allowed users to merge contacts, products, and assets from the old platform to the new one.
  • A Funnel import system that eliminated the need to rebuild sites from scratch, removing a major adoption barrier.

In conclusion

The work was exciting, and the opportunity of leading this project from the design side was a huge learning point. The product that we created would not have been possible without the company's ambitions and passions to drive innovation, and most importantly an amazing team that jumped on calls late at night, and quickly shifted towards this project when they were called upon.

We released ClickFunnels 2.0 in 2022 at FunnelHackingLive (ClickFunnels' yearly in-person event), where the two co-founders presented the project on stage explaining all new features.
For anyone interested here's the keynote video of the presentation.

Comprehension –
This category formed our first Sprint hypothesis, defining our mission. We explored ways to visually translate data more effectively and identify key moments where users needed assistance.

One major insight was that many users didn’t know which numbers indicated a successful Funnel versus an underperforming one. This led us to a discovery phase, where we explored how to leverage our existing data on what makes a successful Funnel and integrate educational elements.

By comparing user data against proven benchmarks, we aimed to provide clear guidance on where users stood and what steps they needed to take to improve.
Optimization –
User interviews, journey mapping, and initial comprehensive research revealed a common pain point. Users didn’t know who to turn to when facing issues or how to effectively optimize their Funnels.

We conceptualised integrating meaningful, contextual assistance throughout the analytics page, both in subtle and more prominent ways, to help users quickly identify problems and take actionable steps forward.
Goal/Mission –
We realized that users struggled to access the education and resources needed to improve their Funnels, but more than that, they just wanted a simpler, more intuitive way to succeed. Many became discouraged by the complexities they faced, while those who understood analytics still lacked actionable data to guide their decisions.

One of our biggest challenges in designing software isn't just providing all the features users needed, but delivering the right features at the right time. We recognized that we couldn't always give users the perfect advice, the right tools, or even the ideal UI cues to guide them. This led to a pivotal shift in our approach: User-Set Missions & Goals.

By allowing users to define specific objectives for their Funnel or product, we could tailor in-app guidance, adjusting how proactive or in-depth our recommendations needed to be. This would also helps us gather valuable data on user intent, enabling ClickFunnels to refine its features and provide smarter, data-driven support in the future.

ClickFunnels

000 // Additional notes

Lead Product Designer

The ClickFunnels 2.0 project is the result of multiple efforts that began in 2019. At the time, we had a team of seven designers, one creative director, 7 product managers, and a larger budget to focus on enhancing ClickFunnels' key features. Many of the concepts in CF 2.0 owe their success to the incredible work of my peers during that phase.