Concepts
Interactive mockups on the real VPN.com design system, isolated from the staging→production pipeline. Below: four strategically different takes on the domain-broker flow — same end-to-end journey (details → agreement → submit/jumpstart), four different bets on what actually drives conversion. Toggle light/dark top-right.
- Advisor · Dynamic Hero ★ For review
Stepped, swipeable, scannable
The direction: scannable icon-tile questions ($$$/$$/$/no-pref — tap, don't read) → a 3-step swipeable result (Verdict → Why → Price), one focal screen at a time with progress dots. Verdict box hero. Reads as ONE thing on mobile; the questions are built to teach us why people don't convert.
A reusable dynamic hero (drop on homepage / vpn page / standalone). Less scroll, more direction, less reading. Learning is primary; the rich result is the reward.
Open concept → - Verdict · 3 score treatments For review
Three ways to land the score/review
Same verdict, a toggle to compare three more-scannable designs for the pick + score + review: a Verdict box (at-a-glance card), a Score ring + metric chips, and a 4-cell Spec strip. The rest of the page stays constant.
The score/review snippet read flat. These are three refined, scannable solutions for it — score as a hero number, a ring, or a spec bar; metrics as chips instead of a bar list.
Open concept → - Advisor · Full Verdict For review
The quiz that becomes a whole answer
Three questions → a fleshed-out, personal verdict that ties it all together: why we score it #1 for YOU (editorial assessment), the review score breakdown (your metrics first), pros & cons, why a VPN for your use-case, what you risk without one, pricing, and a real-user review. Objection handled up top.
The result was the weak point — a card people ignore. This turns it into a trust-establishing answer that reuses the assessment + use-case + risk + review content we already own, personalized by their answers.
Open concept → - Advisor · Learning Loop For review
The instrumentation, made visible
Run the advisor and watch every event fire live, the segment build, and the exact /out link that ties the answers to the sale — then a mock dashboard of what 30 days of it teaches us (objection distribution, conversion-by-objection, drop-off, budget→buyer), each with the query behind it.
Prove the learning loop as a concept before wiring production. Shows both the capture (live inspector) and the payoff (aggregate insights). Wiring spec: ops/advisor-instrumentation.md.
Open concept → - Homepage · v5 · Advisor v2 For review
Questions that teach why people buy
v1 matched a product; v2 learns the buying psychology. One intent question + two universal ones — "what's stopping you?" (the objection) and budget. Each answer teaches why people buy / don't, AND changes the outcome: the result opens by answering their stated objection, and budget swaps the plan (free-only swaps the pick).
Bet: to become launchable we must LEARN — drivers, blockers, budget, whether they even buy. Questions that change the outcome + teach us are worth 10× a product-match quiz. The objection answer becomes the result's opening line.
Open concept → - Homepage · v4 · The Advisor For review
Refine → one tailored answer + complements
The "waiter 2" pivot. Pick a use-case, answer 2–3 quick tappable questions (skippable), and get ONE recommendation with "why it's right for you" (echoes your answers) + the exact plan + a "goes great with" complement. Not "these 2 are best, pick one".
Bet (data): a use-case pick + a "best for" isn't enough — it still assumes, and doesn't answer objections. Progressive refinement makes people feel understood + catered to, keeps engagement, and converts one confident recommendation instead of a wall of ten.
Open concept → - Homepage · v3 · Use-Case Cards For review
A grid of relevant use-case cards
Every use-case as a card — a recognisable photo, "our #1 pick unlocks…" (what actually matters to that intent), social proof, and a curiosity CTA. NO logo/name on the card — the reveal is the click. A grid, not a carousel: nothing buried.
Bet: feel genuinely RELEVANT, don't shove an offer. Curiosity + intent-match beats a name-first pitch. All use-cases visible at once (2-col mobile), so none is "6 swipes to the right".
Open concept → - Homepage · v2 · Use-Case-First For review
The pick IS the page (Quiz Funnel)
Leans all the way into the use-case pick — the proven winner. Choosing a use-case swaps EVERY section (champion, proof, comparison, risk, FAQ) to that intent. One job per section.
Bet: the use-case picker is the long-term commitment. Switch playbooks from Intent-Match to Quiz Funnel — self-segment, then serve a lander they briefed. Reuses the use-cases.ts champion SSOT + sticky trickle-down.
Open concept → - Homepage · Redesign For review
5 evergreen components on the homepage
Keeps the working top-third (hero + use-case picker + provider routing); replaces the dead middle (dull "find by need" grid, below-fold objections, dead guides) with the 5 evergreen components: trust strip, provider mini-card rail, comparison table, risk/cost block, pre-purchase FAQ.
Bet (uxxray + bowtie): half the page goes unseen (36% avg scroll). Cut dead weight, deploy the highest-lift missing tactics (comparison +33, usage-proof +32, value 0/10), lift the funnel score 65→higher.
Open concept → - v1 · Wizard Baseline
Guided multi-step wizard
The baseline. Centered, one screen at a time: buy/sell → 3-step form → agreement → review → jumpstart. Premium, boutique, sequential.
Bet: guide people through; minimize what's on screen at once.
Open concept → - A · Guided For review
One question at a time (airy)
The chat's pacing without the chat skin — gradient, spacious, big serif questions, one focused thing per screen. A form that breathes, not a chatbox.
Bet: the one-at-a-time focus is the asset; the chat veneer (invites “operator?”) was the liability. Keep the pacing, drop the skin.
Open concept → - B · One-page For review
Everything in view + live rail
A single scrollable page with a sticky rail: live deal summary, proof, and agreement status always beside the decision. Nothing hidden, no surprise gate.
Bet: for an exclusive-contract commitment, uncertainty kills conversion — transparency beats fewer fields.
Open concept → - D · Editorial For review
The Brief — an engagement letter
A private-client engagement letter that writes itself: a roman-numeral margin index, five movements that unfold and collapse into a composed brief, sealed on accept.
Bet: for a premium, exclusive-contract commitment, a bespoke editorial ritual signals craft and trust better than another app form.
Open concept → - E · Hybrid For review
Three steps, one concise panel
A unified three-step flow — domain(s) with inline buy/sell + budget, then your details, then a single confirmation panel (summary + agreement + sign + choose). No sidebar, no floating cards. Jumpstart unlocks the extra-details step.
Bet: one cohesive, document-like flow with buy/sell folded inline beats a stack of separate cards and a gateway choice.
Open concept → - F · Hybrid · Modern For review
Split layout — full-width, two cards
The Hybrid flow re-skinned for a modern, space-filling layout: a 1200px split with the title, value, and trust in a left card and the three-step flow in a right card. Clean and spacious; stacks on mobile.
Bet: a wide two-column split (context left, action right) reads as more premium and modern than a narrow centered panel, and uses the screen.
Open concept → - G · Minimal For review
Single column — no sidebar, all air
The same robust engine as Hybrid · Modern, stripped of the weight that made it feel like more than it is: no persistent "why use us" sidebar, no two-column frame. One narrow centered column, trust condensed to a single quiet line, generous whitespace.
Bet: the robustness was never the problem — the frame was. Remove the sidebar and the second column and the exact same flow feels like "3 steps, done."
Open concept →
Reasoning + comparison: ops/domain-broker-jumpstart-concept.md