We built a productized lead magnet that lets potential clients fill out a 15-question form, then pays $49 to unlock an AI-generated website mockup. It costs us ~$3 to produce. That's a 90% margin — and zero discovery calls.
The Problem: Discovery Calls Are Expensive
Most web designers and agencies spend hours on discovery calls before they ever see a dime. You know the dance:
- Schedule a call
- Spend 45 minutes learning about the business
- Write a proposal
- Wait for a decision
- Sometimes get ghosted
It's a broken model. You're investing unpaid time upfront with no guarantee of closing. For a small agency like ours, that's unsustainable.
The Insight: Make the Discovery the Product
What if instead of giving away discovery for free, you charged for it? Not as a consulting fee — but as a tangible deliverable.
That's the idea behind our Website Blueprint funnel:
- Client answers 15 questions about their business, audience, and design preferences
- AI analyzes the input and generates a custom single-page website mockup
- They pay $49 to unlock the preview
- We deliver desktop + mobile views, AI-written copy, and color recommendations within 5 minutes
The beauty? The $49 isn't just revenue — it's a qualification filter. Anyone willing to pay $49 for a mockup is a serious prospect for a $1,500+ website build.
The Build: Stack & Cost Breakdown
Here's exactly what we used and what it costs:
| Component | Tool | Cost |
|---|---|---|
| Form + Frontend | Static HTML on Hostinger | $0 (included) |
| Data Storage | Google Sheets | $0 |
| Backend | Google Apps Script | $0 |
| Payments | Stripe | 2.9% + $0.30/transaction |
| AI Generation | Kimi K2.6 (Moonshot) | ~$1.50/mockup |
| Email Delivery | Gmail API | $0 |
| File Uploads | Google Drive | $0 |
Total cost per mockup: ~$3
Sale price: $49
Margin: ~90%
The Funnel: 5 Steps
Step 1: Business Details
We collect the business name, industry, and one-liner pitch. This sets the foundation for the AI to understand what the website needs to communicate.
Step 2: Audience & Goals
Who's the ideal customer? What's the primary action we want visitors to take? What's the key differentiator from competitors? This shapes the copy and CTA strategy.
Step 3: Design Direction
Clients pick their vibe (Clean & Modern, Bold & Energetic, Luxury & Premium, etc.), choose primary and secondary brand colors, list inspiration websites, and select must-have sections.
Step 4: Content & Assets
We ask about content status (ready, partial, or generate it), what assets they have (logo, photos, videos), and let them upload files directly. Everything saves to Google Drive with shareable links.
Step 5: Contact & Pay
Name, email, phone, budget range, and opt-in for communications. Then they land on a loading page with an animated wireframe build, followed by the $49 paywall.
The Paywall: Why $49 Works
We tested lower prices, but $49 hits a sweet spot:
- Low enough to impulse-buy (under $50 mental threshold)
- High enough to filter serious prospects from tire-kickers
- Covers token costs with a healthy margin
- Positions as a product, not a freebie
We also offer a $149 upsell for a 5-page mockup with one revision round. About 15-20% of buyers take the upsell.
The AI Prompt: How We Generate Mockups
We structure the prompt carefully to prevent injection attacks and get consistent output. Here's the framework:
You are an expert web designer. Create a complete, responsive single-page website mockup using only HTML and CSS. Return ONLY the complete HTML file. No explanations, no markdown code fences.
The user data is wrapped in XML-style delimiters so the AI knows what's content vs. instructions. We also strip common injection phrases before sending.
Security Considerations
When you let users feed data directly into an AI prompt, you open yourself to prompt injection attacks. We added these safeguards:
- Input sanitization — strip phrases like "ignore previous instructions"
- Strict delimiters — wrap user content so it can't override system prompts
- No API key exposure — all AI calls happen server-side
- Token cost cap — max tokens per generation, with alerts if exceeded
Results So Far
We launched the funnel on May 7, 2026. In the first 24 hours:
- 12 form submissions
- 3 mockup purchases ($147 revenue)
- 1 upsell to 5-page ($149)
- 2 leads scheduled for full website builds
Total time invested: 3 hours to build. Now it runs on autopilot.
Want to Build Something Similar?
If you're a web designer, agency, or freelancer, this model can work for you too. The key insight is: productize the discovery phase. Don't give away your expertise for free. Turn it into a low-ticket offer that qualifies prospects and generates revenue.
We used Kimi K2.6 for mockup generation, but you could use Claude, GPT-4, or any AI model that handles HTML/CSS. The stack is intentionally simple — no frameworks, no servers, no monthly SaaS bills.
This works because the mockup is a preview, not a final deliverable. Clients understand they're paying to see a concept. The actual website build is a separate, higher-ticket offer.
What's Next
We're working on automating the post-payment flow:
- Stripe webhook triggers mockup generation automatically
- Screenshot capture (desktop + mobile) via Puppeteer
- Auto-email delivery with mockup images and preview link
- Lead nurture sequence for upsells to full builds
The goal: zero manual work between payment and delivery.
Written by Matthew Macias
Operations Director & Co-founder of Macias & Skelnik Marketing LLC. Matthew specializes in web design, SEO, lead generation, and building marketing systems that generate real results for small businesses in Orange County and beyond.
Want Your Own Website Blueprint?
See the funnel in action. Answer a few questions and get a custom AI-generated mockup of your dream website.
Try the Website Blueprint