Case Study
Milestone — #1 Product of the Week on Product Hunt
How I founded and designed a gamified onboarding B2B SaaS

Role
Co-Founder · Head of Product & Design
Scope
0→1 product, full design system
Team
3 founders (me + engineer + marketing)
Intro
In 4 months, we went from an idea to #1 Product of the Week & #3 of the Month on Product Hunt.
This is the story of how my friend and I identified a real market gap, validated it with users, found a technical co-founder through Y Combinator Matching platform, built an MVP, and launched to the world. Along the way I designed the entire product from scratch: the flow builder, the logic layer, the analytics dashboard, the onboarding system, and the corporate website. Here's what happened, what we shipped, and what I learned.




Origin Story
We kept seeing the same broken pattern.
Working as Product Designer in B2B, onboarding breaks as soon as the product moves fast. Frequent updates make custom tours expensive to maintain, and engineering time is rarely available. The tools I used produced generic flows that users skipped, with no real segmentation.
I partnered with my friend Anastasia, a Product Marketing Manager seeing the same issue from the GTM side.
We sanity-checked the idea with peers, then validated it with data:
of users churn before reaching the "aha" moment
If users don't experience core value within the first 48 hours, churn risk exceeds 80%.
- ✕Static, low-engagement product tours no one finishes
- ✕Passive UX with no gamification
- ✕Personalization gated behind support or sales
- ✕Custom onboarding requires weeks of engineering
Research
We saw the problem ourselves. Then we validated it rigorously.
Before defining the product, we ran 15 interviews across user and business perspectives in B2B SaaS.
Product Managers & Marketers
Responsible for activation metrics and feature adoption
Designers
Building onboarding without engineering resources
Founders
Owning the full PLG funnel at early-stage companies
End Users
The people who actually experience onboarding tours
"The signal was consistent: onboarding is a bottleneck, and existing tools don't solve it well."
This gave us two outcomes:
✓ Clear validation
The problem is real and urgent across every role we interviewed.
✓ Focused MVP scope
Enough signal to define exactly what to build first, and what to cut.
The insight that defined the architecture.
A consistent theme from teams building onboarding in-house: it was slow, engineering-heavy, and hard to maintain. That set a strict requirement — the product must be usable without developers, by product, design, or marketing teams.
"This led directly to the Chrome Extension approach: users click through a flow in the live product, then label and refine each step. No CSS selectors. No developer handoff. Faster to create, easier to maintain."

Competitive analysis reinforced the direction.
Existing tools lack meaningful segmentation. Most deliver the same onboarding to every user, regardless of role, plan, or context. We made segmentation the core differentiator.

Automatic segmentation
Users grouped by role, plan, or behavior automatically
Tailored flows per segment
Each segment gets a distinct onboarding path
Faster time to "aha"
Only relevant features introduced, no noise or overwhelm
Defining ICP
We mapped our Ideal Customer Profile using a Lean Canvas, focusing on early-stage B2B SaaS startups with PLG motions — PMMs, PMs, and founders at companies under 150 people.

Building the MVP
From blank canvas to live flow — in under 5 minutes.
To build the MVP, we needed a technical co-founder. We interviewed 20 engineers to find the right fit.
With a three-person team — Anastasia (CEO), Andrej (CTO), and me (COO, leading product and design) — we started building Milestone.
Milestone is a no-code gamification platform for product-led SaaS. The core mechanic: a Chrome Extension that lets you build interactive onboarding flows directly inside any web app — no developer needed. I designed every screen from scratch.
The Chrome Extension architecture
Flows run inside the customer's own product via a Chrome Extension. This meant we had zero control over the host environment — our UI had to survive collisions with any CSS. Every design decision had to work across hundreds of different web apps.
The constraint shaped the product: because we couldn't rely on a controlled environment, simplicity wasn't a preference — it was an engineering requirement. This directly influenced every IA decision I made.
The product, end to end.
Design and launch interactive onboarding, segmented flows, and in-product rewards — without engineering.
Chrome Extension Builder
Build flows directly inside your product
Hotspot Triggers
Launch flows from any UI element
Segmented Targeting
Deliver the right flow at the right moment
Conversion Analytics
Track activation in real time
White-Label
Fully branded, invisible to users
Unlimited Flows
No limits on flows or team members
Building a flow feels like using Figma — not writing a JIRA ticket.
A PM or founder could open the Chrome Extension, click any element in their product, and attach a step — tooltip, modal, or hotspot — in seconds. The right panel exposed just enough config without overwhelming.
![[ Flow Editor — tooltip overlay ]](https://media.base44.com/images/public/6994ca9e4158d1b0d4353382/4818c5d7c_build.png)
![[ Flow Logic — branching canvas ]](https://media.base44.com/images/public/6994ca9e4158d1b0d4353382/a7c05589f_Branching.png)
Persona branching made visible.
The Flow Logic tab needed to make conditional branching understandable to non-technical users. I used a visual node canvas — each branch a visible path, not a dropdown condition.
The dashboard that tells you exactly what to fix.
I restructured analytics to lead with what matters: Aha-Moment Milestone, Activation Rate, Habit Milestone, First Purchase. Customers could see activation trending up the same week they launched their first flow.
![[ Analytics — Activation Rate dashboard ]](https://media.base44.com/images/public/6994ca9e4158d1b0d4353382/d429bdce9_Dashboard.png)
Product Hunt Launch
How we launched Milestone.
After validating with beta customers and shipping V3 of the onboarding, we launched publicly on Product Hunt. We hadn't paid for placement. No sponsored slots. Just the product.
The launch
Alongside the launch, we ran a waitlist through our website — anyone who clicked 'Join Waitlist' filled out a short form sharing their use case and team context. This gave us both a demand signal and a qualified pipeline of 450+ potential customers before we'd built half the product.
The waitlist wasn't just a number. Each signup came with a short form — use case, team size, current tooling. 450+ responses gave us a direct view into how the market wanted to use Milestone.
What the community said.
Outcomes
From product hunt recognition to paying clients.
What We Learned
What this taught me about designing for activation.
The aha-moment framework is underrated as a design tool. When the whole team can name the exact moment a user first understands the value, every decision becomes easier to evaluate. The question stops being "is this good UX?" and becomes "does this get users to their aha-moment faster?" Persona-aware progressive disclosure, a single question at signup, zero backend complexity, pre-seeded templates, proved that the simplest implementation of a good idea consistently beats a sophisticated implementation of an average one.
Product Hunt is an underrated validation tool. Not just for distribution, for idea validation as well. Our launch gave us 1,093+ upvotes, 450+ waitlist signups, and direct feedback from the exact people we were building for. The comments told us which features resonated, which messaging landed, and what the market actually wanted next. It also converted our first paying customers. If you have a product and haven't launched on Product Hunt, you're leaving signal on the table.
Differentiation is a design decision. Going into a market with established players (Appcues, UserPilot, Chameleon) we had to be genuinely different, not just cheaper. The segmentation-first approach and the Chrome Extension architecture weren't just technical choices; they were the product's reason to exist. Blue ocean positioning starts in product, not in marketing copy.