LP Engine

Upsell Modals

Interactive Heroes

Vimeo Homepage

Vimeo Nav

Chroma

Demo Flow

Sketch
A/B Test
Which variant wins? Make your call.
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Dallas
—
Partly Cloudy
6
Portfolio Tour

Design Pickle Demo Flow

Design Pickle Demo Flow

B2B SaaS

Design Pickle Demo Flow

+$600K revenue

A re-imagining of Design Pickle’s Book a Demo flow that qualifies leads before reaching a sales rep.

Role

Growth Product Design Manager

Company

Year

2024

Tools

Figma

B2B SaaS

Design Pickle Demo Flow

+$600K revenue

A re-imagining of Design Pickle’s Book a Demo flow that qualifies leads before reaching a sales rep.

Role

Growth Product Design Manager

Company

Year

2024

Tools

Figma

Design Pickle Demo Flow cover

Results

The improved lead generation process resulted in tremendous efficiency gains and revenue growth over 6 months:

  • 25% decrease in no-shows for sales meetings

  • 75% increase in signups from high-value leads

  • $600K in additional revenue

  • Lower subscriber churn through focused sales outreach

By optimizing lead qualification, I enabled the sales team to focus efforts on promising prospects. This drove a major lift across the funnel - from lead quality to sales conversions and long-term customer retention. Demonstrating strategic thinking combined with strong design, technical, and leadership ability resulted in outsized business impact.

The Problem

Design Pickle struggled with a high volume of unqualified leads that resulted in wasted sales team efforts and mounting costs. Over 60% of our leads were not converting to paid customers.

The Idea

As Growth Product Design Manager for Design Pickle, I oversaw efforts to improve our lead generation and conversion funnel. My idea was to create a product that would provide an improved lead qualification and scoring system to acquire higher-quality leads. This would reduce wasted sales efforts on unqualified prospects and lower our overall customer acquisition costs.

The Action

I led designing and developing a progressive web app that potential customers interact with before reaching a sales rep. The app asks qualifying questions that predict lead quality and fit. It then assigns a variable score to each lead. Higher scoring leads trigger more aggressive sales follow-up actions. High-quality lead data also feeds into Meta to optimize acquisition campaigns.

My contributions spanned:

Design (UI/UX)

  • Created wireframes and high-fidelity interactive prototypes for the web app user flow

  • Conducted usability testing with target users to refine and validate the design

  • Implemented mobile-first and accessible interface following material design principles

Leadership

  • Led collaboration across product, engineering, and sales teams to align on ideal lead profiles

  • Developed the lead scoring algorithm and mapped different score ranges to sales actions

  • Oversaw development process from design to launch, guiding engineers

Strategy

  • Analyzed historical lead and customer data to identify patterns and common traits of quality leads and customers

  • Formulated hypotheses around lead qualification criteria that would predict customer conversion

  • Continuously monitored results post-launch to refine model and improve accuracy over time

The demo wizard, on mobile
Welcome
Welcome
Company size
Company size
Design significance
Design significance
Design needs
Design needs
Monthly budget
Monthly budget
Book your demo
Book your demo
Pick a date
Pick a date
Pick a time
Pick a time
The demo wizard, on mobile
Welcome
Welcome
Company size
Company size
Design significance
Design significance
Design needs
Design needs
Monthly budget
Monthly budget
Book your demo
Book your demo
Pick a date
Pick a date
Pick a time
Pick a time
The demo wizard, on mobile
Welcome
Welcome
Company size
Company size
Design significance
Design significance
Design needs
Design needs
Monthly budget
Monthly budget
Book your demo
Book your demo
Pick a date
Pick a date
Pick a time
Pick a time

Personas

I evaluated Design Pickle’s best customers (those with low CPA, high AOV, high LTV) and created three personas based on common user goals and pain points.

Mary Marketer

Mary is the VP of Marketing at a mid-sized software company. She manages a team of 4 in-house designers and struggles to keep up with the demand from various internal stakeholders. Mary often has to juggle competing priorities from sales, product marketing, and executive leadership. This leads to missed deadlines, frustrated internal partners, and a stressed-out team.

Mary needs an efficient way to expand design capacity so she can take on more marketing projects. She wants a solution that frees up her team to focus on high-value strategic work rather than getting bogged down executing repetitive design tasks.

Corey Creative

As Creative Director at a digital agency, Corey oversees a team of designers across various disciplines - UX, UI, graphic design, etc. He struggles with resource constraints as his staff is lean. Corey has trouble finding and retaining top creative talent. This makes it hard to deliver excellent work consistently across his client base.

To supplement his core team, Corey needs on-demand design support that can match his quality standards. He wants specialists available in different design areas who can jump in as needed. Corey needs the capacity to handle overflow work and new client projects without compromising quality or overworking his team.

Solopreneur Suzy

Suzy recently left her job to start her own business - an ecommerce store selling handmade crafts. As a solopreneur, she handles everything herself from operations to marketing. With no marketing background, Suzy has found it difficult to create the branding, website, ads, and social media content needed to attract customers.

Suzy needs an affordable way to outsource design work so she can focus her limited time on core business operations. She wants a solution that is easy to use and helps her execute marketing activities crucial for getting her business off the ground. Suzy needs design support to create brand assets, grow her online presence, and ultimately drive sales.

User Flow

I aimed to optimize user efficiency by minimizing interactions required to achieve the two major goals.

I designed two primary goals — one for allowing the user to seamlessly answer simple yet pointed questions, and another for qualifying users based on their answers.

User flow
Start
User lands on the wizard
Decision
User selects the start CTA
Screen
Business size question
Over 2502 pts51 to 2502 pts2 to 501 ptSelf0 pts
Screen
Design significance question
Crucial2 ptsSignificant1 ptModerate0 ptsNone0 pts
Screen
Design needs question
Quality1 ptTeam2 ptsASAP0 ptsOverflow1 pt
Screen
Monthly budget question
Under $1,5000 pts$1,500 to $5k2 pts$5k to $25k2 ptsOver $25k2 pts
Branches
Lead form and follow-up
Under $1,500: bad lead form
User submits info
Info added to HubSpot
End
Good lead, company email
Info added to HubSpot
HubSpot scheduler
User schedules
Send email verification
End
Good lead, private email
Info added to HubSpot
Send email verification
User verifies email
HubSpot scheduler

Ideation & Wireframing

When I began wireframing, my primary objective was to generate ideas that would lead to an intuitively designed interface.

I wanted users to grasp the functionality of the wizard without investing excessive time in exploration. Drawing inspiration from popular insurance qualification apps, I designed the Jennifer chat feature to closely resemble the process of someone walking users through questions while also encouraging them to completion.

One key usability gap I noted during the low-fidelity wireframing process was the need to address how users could easily move through the wizard’s questions without effort. This led to the idea of advancing automatically once an answer is received.

Design Pickle Demo Flow: Ideation & Wireframing

Lead Quality Methodology

The primary issue of low-quality leads wasting salespersons’ time would be solved by associating points based on a user’s answers.

Based on the total points, a user would be qualified as a High-Quality Lead (HQL), Medium-Quality Lead (MQL), or Low-Quality Lead (LQL). HQLs would be treated with priority and highly personalized communications once intercepted by a salesperson, while MQLs and LQLs would get fed into automated flows.

Lead scoring
Why do you need Design Pickle?
Enhance design quality1Build a bigger team2Better work process1Design overflow help2One-time ASAP project0Reduce overhead2Gain design skills1Other0
How significant is design to your company’s success?
Little to no impact0Plays a minor role0Has a moderate influence0Contributes significantly1Absolutely critical to our success2
How many people are in your company?
Less than 10011 to 50150 to 2502Over 2502
Tell us about your business model
“Agency-like”: we provide creative, marketing, or tech to other businesses2We provide other types of services to businesses or consumers1We provide goods to businesses or consumers1Other0
High quality lead (HQL)6 to 8
Medium quality lead3 to 5
Low quality lead0 to 2
An HQL is a small/medium, large, or enterprise business that values design and has ongoing, systematic design needs. Questions 1 and 2 must each receive 1 to 2 points. Success is measured in stages: complete the flow (month 1), book the demo (months 2 to 4), remain a subscriber (months 5+).

Final Design

To qualify users with an effortless wizard experience, I worked with product designers to craft a visually bold, energizing design focused on ease of use.

Considering that booking a demo with a salesperson is the core user task, I ensured that users could accomplish this seamlessly after quickly answering the qualification questions.

Additionally, I introduced Jennifer — a thoughtful “chatbot” who empowered users with information about the product, while also encouraging them through each question. Questions are also auto-advanced after being answered. These features addressed the usability gap previously observed in other popular wizard products and questionnaires, allowing users to easily move from start to finish with minimal effort.

Design Pickle Demo Flow: Final Design screen 1Design Pickle Demo Flow: Final Design screen 2Design Pickle Demo Flow: Final Design screen 3

Reflection & Future Adjustments

This product was the company’s first journey into qualifying acquisition leads.

6 weeks after launch, I had enough data to optimize the flow and also begin rolling out A/B tests to improve lead quality.

Questions that proved to not correlate to high lead quality were removed in favor of others which over time contributed to stronger HQL signals.

It was found over time that despite being in the purchase and decision-making stages, users needed a better understanding of Design Pickle and its offerings. Several features were tested and added over time to educate users and help them make better-informed decisions.

More screens

Design Pickle Demo Flow: Final Design screen 4
Design Pickle Demo Flow: Final Design screen 5
Design Pickle Demo Flow: Final Design screen 6
Design Pickle Demo Flow: Final Design screen 7
Design Pickle Demo Flow: Final Design screen 8
Design Pickle Demo Flow: Final Design screen 9
Design Pickle Demo Flow: Final Design screen 10

New Message

To:

Alex Calams

From *

Name *

Subject *

Goes straight to my inbox