HubSpot
Designing HubSpot’s Guide Creator
Year: 2022
Role: Senior Product Designer
Platform: Web
TLDR:
Guide Creator is a lightweight Chrome extension that transforms any recorded workflow into a share‑ready, step‑by‑step guide in under five minutes. By eliminating the drudgery of writing standard‑operating procedures, the tool helped small teams document processes, slash onboarding time, and—crucially for HubSpot—funneled new users into Service Hub through every shared guide.
Strategic Context
As Service Hub’s acquisition costs plateaued, leadership tasked our cross‑functional squad with discovering a viral, product‑led growth lever. Process‑documentation startups (Tango, Scribe) were gaining traction yet were still vulnerable: few had a freemium tier with seamless export. Guide Creator promised a friction‑free entry point that could scale awareness while nudging users deeper into HubSpot.
Results
Before launch we set high success targets across acquisition, engagement, and user satisfaction.
7K+
Extension installs
14%+
Installs → HubSpot sign‑ups
56
Beta NPS
My Role: End‑to‑End Product Design & Strategy
I led the entire design lifecycle, partnering closely with Product, Engineering, and Marketing.
What I drove
Problem Framing: JTBD canvas, opportunity sizing, success metrics tied to Service Hub sign‑ups.
Competitive & Differentiation Strategy: Teardowns of seven direct competitors → positioning matrix → North‑star UX principles.
User Research: 12 discovery interviews, three moderated usability tests, two unmoderated Maze studies.
Experience Design: Extension UI, web viewer, empty states, branding controls, and design‑to‑dev hand‑off.
Go‑to‑Market Partner: Shaped viral‑loop mechanics, launch messaging, and measurement plan with Marketing.
Research & Early Validation
Key Discovery Insights
Speed > polish. Users preferred a rough guide in < 5 min over a polished one in 40.
Export ubiquity. PDF and embedded viewer were table‑stakes; GIF export provided a delight factor.
Brand trust. SMBs valued removing watermarks—but only after experiencing initial value.
Usability Highlights (Round 1)
Recording clarity: Adding a glowing “Record” state bumped task‑completion by 18 %.
Step editing: Drag‑to‑reorder delighted testers; multiline captions shipped in beta.
Share flow: “Copy link” became the primary CTA after five of five testers chose it first.
Designing the Experience
We distilled the journey into three decisive moments:
Results from phase 1
The MVP achieved rapid adoption, with 6.25k signups and 1,696 videos generated in its initial months. These outcomes validated the demand for such a tool and established Clip Creator as a key acquisition channel for HubSpot.
6.5K
Sign ups
1.7K
Videos created
Impact of Clip Creator since launch
Adoption: Clip Creator attracted over 35,000 new users, validating the concept and aligning with HubSpot's acquisition goals.
Engagement: Users have generated over 7,000 videos, demonstrating the tool's effectiveness and value for content creation.
Retention: Enhanced features and usability led to measurable improvements in satisfaction and repeat usage.
Strategic Alignment: Positioned Clip Creator as a cornerstone of HubSpot's microapp strategy, showcasing its commitment to AI-driven solutions.
Let’s talk!
If you have a project in mind or are simply interested in finding out more, get in touch and let’s get things moving.