Build Your First AI Project This Weekend
Stop consuming tutorials. Start creating. Get the free step-by-step guide.
You’ve built your offer. You’ve picked your traffic source. Now you need somewhere to send people.
Here’s where most people building AI businesses get stuck: they either send traffic to a generic homepage (which converts terribly) or they spend weeks agonizing over “the perfect landing page” while competitors take their market share.
I build landing pages in an afternoon now. Same quality that used to take me a week with a copywriter and designer. The difference is a specific AI workflow I’ll walk you through here.
The average landing page converts at 6.6%. The top 10% convert above 11%. That 67% gap between average and good? It comes down to process, not talent.
This guide gives you that process: research, copy generation, design, code, and testing. Everything you need to go from “I have an offer” to “I have a page collecting leads” in one sitting.
Quick Navigation
| Section | What You’ll Build |
|---|---|
| What Makes Landing Pages Convert | Your conversion framework |
| Landing Page Types | Pick the right page for your traffic |
| The AI Research Phase | Competitor intel and audience insights |
| AI Copywriting Workflow | Copy that converts (exact prompts) |
| AI Design and Code | Functional pages without a developer |
| Testing Strategy | Find winners fast |
| Pre-Launch Checklist | QA before you spend money |
What Makes Landing Pages Convert
Before you open Claude, you need to know what actually moves the needle. Otherwise you’ll generate beautiful copy that doesn’t convert.
The data that matters:
| Factor | Impact on Conversions |
|---|---|
| Single CTA | 13.5% average conversion vs 10.5% with 5+ links |
| Load time under 1 second | 3x higher conversions than 5-second pages |
| 5th-7th grade reading level | 11.1% conversion vs 5.3% for complex copy |
| Message match with ad | Reduces bounce rate by 50%+ |
Notice what’s NOT on that list: fancy design, animations, or complex funnels. When I started, I wasted weeks on design details that had zero impact on conversions.
Your landing page framework:
- One clear action - Strip out everything that doesn’t push toward conversion
- Fast loading - Every second costs you 7% of conversions
- Simple language - Write for clarity, not to sound smart
- Matched messaging - What they clicked is what they should see
Now let’s figure out which type of page you need, because traffic source determines page type.
Landing Page Types
Here’s the decision matrix I use for every campaign:
| Type | Purpose | Best For | Conversion Benchmark |
|---|---|---|---|
| Pre-Lander | Warm up cold traffic before the offer | Affiliate offers, display traffic | Varies by vertical |
| Lead Gen | Capture contact information | High-ticket items, B2B, services | 9-12% average |
| Click-Through | Bridge to main offer/checkout | Trial signups, demos, e-commerce | 5-15% depending on offer |
| Sales Page | Direct purchase | Digital products, courses | 2-5% for cold traffic |
| Webinar Registration | Event signup | B2B, coaching, high-ticket | 20-40% average |
If you’re just starting your AI business, here’s your decision tree:
- Selling a service or consulting? → Lead gen page (capture email/phone, follow up manually)
- Selling a digital product under $100? → Sales page or click-through to checkout
- Running affiliate offers? → Pre-lander to warm up traffic first
- Building an audience? → Lead gen page with a free resource
Your traffic source also matters:
- Search traffic (high intent) → Click-through or sales page
- Social traffic (medium intent) → Lead gen or click-through
- Display traffic (low intent) → Pre-lander → Lead gen
Someone searching “buy running shoes size 10” doesn’t need warming up. They need a buy button.
Someone scrolling TikTok who clicks a fitness ad? They need a pre-lander before you ask for money.
Match the page to the traffic temperature. This single decision affects everything downstream.
The AI Research Phase
This is the step most people skip. They jump straight to “write me landing page copy” and get generic garbage.
Spending 30 minutes on research makes the next 2 hours of building 10x more effective. Here’s how to do it fast.
Competitor Analysis with AI
Open 3-5 competitor landing pages in your niche. Copy their page text into Claude with this prompt:
I'm analyzing competitor landing pages in [your niche]. Here are 3 competitor pages:
[Paste competitor page text]
Analyze each page and tell me:
1. What's the main value proposition?
2. What objections do they address?
3. What persuasion techniques are they using? (urgency, social proof, etc.)
4. What's missing? What objections aren't addressed?
5. What claims do they make that I could do better?
Format as a comparison table.
In 60 seconds you have a competitive intelligence report that used to take hours. More importantly, you now know:
- What angles competitors are using (so you can differentiate)
- What objections they’re handling (so you don’t miss any)
- What they’re NOT saying (your opportunity)
Audience Research with AI
If you’re guessing at pain points, your copy will be generic. Here’s the prompt I use before every landing page:
I'm creating a landing page for [product/service] targeting [audience].
Based on your knowledge of this market, list:
1. Top 10 pain points this audience faces
2. Top 10 objections they'll have before buying
3. Top 5 desires/outcomes they want
4. Common language/phrases this audience uses
5. What they've probably tried before that didn't work
Be specific. Use the language they would use, not marketing speak.
This pulls from Claude’s training on thousands of marketing campaigns. It’s not perfect, but it gives you a foundation in 2 minutes instead of 2 weeks of customer interviews.
Pro tip: If you already have customers or an email list, paste in any testimonials, reviews, or customer messages you’ve received. Ask Claude to extract the language patterns. Real customer language converts better than anything you’ll make up.
Spy Tools + AI Combo
If you’re running affiliate offers or paid traffic, combine spy tools like Adplexity with AI analysis:
- Download 10+ successful competitor landing pages from your spy tool
- Paste all the copy into Claude
- Ask: “What patterns appear across 3+ of these pages? What’s consistent in the winners?”
- Build your page around those patterns
The patterns that show up repeatedly across winning campaigns aren’t accidents. They’re what the market responds to. This is reverse-engineering success instead of guessing.
AI Copywriting Workflow
This is where the leverage shows up.
Before AI, I’d write one version, revise it five times, launch it, and hope. Now I generate 10 variations in 30 minutes, test them all, and let data pick winners. The difference in results is significant.
The Prompt Structure That Works
“Write me landing page copy” gets you generic garbage. The quality of your output depends entirely on the context you provide.
Here’s the prompt structure I use for every landing page:
Role: You are a direct response copywriter specializing in [niche]. You've written copy for pages that have generated millions in revenue.
Context:
- Product/offer: [describe exactly what you're selling]
- Target audience: [specific buyer persona - age, situation, desires]
- Traffic source: [where visitors come from - affects awareness level]
- Price point: [affects objection handling]
- Main objection: [the #1 thing stopping people from buying]
- Desired action: [exactly what you want them to do]
Task: Write landing page copy for a [page type] that:
- Opens with a hook addressing [specific pain point]
- Uses the PAS framework (Problem-Agitate-Solution)
- Includes [specific elements you need: testimonials format, features, guarantee, etc.]
- Addresses these objections: [list 3-5 objections]
- Uses a [urgent/friendly/professional/casual] tone
- Ends with CTA for [specific action]
Format the output as:
- Headline (5 variations)
- Subheadline
- Opening section (problem agitation)
- Solution section
- Benefits (bullet format)
- Social proof section
- Objection handling
- CTA section with button text
Keep copy at a 6th grade reading level. Use short sentences. No jargon.
Why this prompt works:
- Role gives Claude expertise to draw from
- Context eliminates generic advice
- Framework (PAS) keeps the structure proven
- Format gives you usable output immediately
- Constraints (reading level, tone) keep quality consistent
Copy this prompt, fill in the brackets, and you’ll get usable first-draft copy in under a minute.
Generate Variations
One prompt, one version is leaving money on the table.
After you get your initial copy, follow up with:
Now give me 5 alternative headlines using different angles:
1. A benefit-driven headline
2. A curiosity-driven headline
3. A fear/pain headline
4. A social proof headline
5. A how-to headline
For each headline, write the matching subheadline.
Then:
Give me 3 different opening sections:
1. Story-based opening
2. Question-based opening
3. Bold claim opening
Now you have 5 headlines, 5 subheadlines, and 3 opening sections. That’s 15 combinations to test instead of betting everything on one version.
The PAS Framework in Practice
PAS (Problem-Agitate-Solution) has been the backbone of conversion copy for over a century. It works because it mirrors how people actually make decisions: they feel a problem, realize it’s urgent, then look for solutions.
Here’s how to prompt for each section:
Problem:
Write the problem section for my landing page.
The reader's problem is: [specific problem]
Make them feel understood. Show you know their situation intimately.
2-3 short paragraphs. Use "you" language.
Agitate:
Now write the agitate section.
Make the problem feel urgent. Show what happens if they don't solve it.
Use specific, vivid scenarios they'll recognize.
Don't be dramatic - be real about the consequences.
Solution:
Write the solution section introducing [product/service].
Position it as the obvious answer to everything you just described.
Don't list features yet - paint the picture of life after the problem is solved.
Resist the urge to get clever with new frameworks. PAS has been tested across billions of dollars in direct response. Use what works.
Objection Handling Copy
Every visitor arrives with reasons NOT to buy. Your copy needs to handle those objections before they leave. This is where most landing pages fail. They sell the benefits but never address the doubts.
Write objection-handling copy for these concerns:
1. "This is too expensive"
2. "I've tried similar things that didn't work"
3. "I don't have time to implement this"
4. "How do I know this will work for my situation?"
5. "What if I don't see results?"
For each objection:
- Acknowledge it's a valid concern
- Reframe it
- Provide proof or guarantee
- 2-3 sentences max per objection
Put these in your FAQ section, or weave them through the page at moments of hesitation (right before CTAs, after pricing, etc.).
AI Design and Code
You don’t need to hire a designer or developer. I build all my landing pages myself using one of two approaches depending on the situation.
Option 1: AI Page Builders (Fastest)
If you need a page live today and don’t care about having full control, use a builder:
| Tool | Best For | AI Features | Starting Price |
|---|---|---|---|
| Unbounce | A/B testing at scale | Smart Traffic (AI routing), copy generation | $99/mo |
| Framer | Beautiful design | AI layout generation, animations | Free tier |
| Leadpages | Simplicity | AI copywriting, optimization scores | $49/mo |
| Instapage | Enterprise teams | AI content, heatmaps, collaboration | $199/mo |
| Landingi | Campaign-focused | AI copy, SEO, 35+ language translation | $29/mo |
My recommendation:
- Testing a new offer? Use Framer (free tier) or Leadpages ($49/mo) to validate fast
- Scaling with real budget? Unbounce’s Smart Traffic feature increases conversions 30% by routing visitors to whichever variant converts best for their profile
- Building long-term? Learn code generation (Option 2) for full control and zero monthly fees
Option 2: AI Code Generation (Full Control)
If you want to own your pages, have AI generate the code directly. This is what I use for all my main offers.
Paste this prompt into Claude to generate a complete landing page:
Create a mobile-first landing page with this structure:
1. Hero section:
- Headline: [your headline]
- Subheadline: [your subheadline]
- CTA button: [button text]
- Background: gradient from [color1] to [color2]
2. Problem section:
- 3 pain points with icons
- Dark background for contrast
3. Solution section:
- Product image placeholder
- 3-column benefits grid
4. Social proof:
- 3 testimonial cards
- Star ratings
- Customer photos (placeholder)
5. FAQ accordion:
- 5 expandable questions
6. Final CTA:
- Urgency element (limited spots, deadline)
- Same button as hero
Technical requirements:
- Pure HTML/CSS (no frameworks)
- Mobile responsive
- Loads fast (minimal CSS, no external fonts)
- Color scheme: [your colors]
- Include all CSS inline for single-file deployment
Output the complete HTML file.
You’ll need to customize colors, copy, and images. But this gives you 80% of a functional page in under 5 minutes. Save the output as an HTML file, open it in your browser, and iterate from there.
For the technical deep-dive on building pages with code, see the Landing Page Code guide.
Speed Optimization Checklist
Pages loading in 1 second convert 3x higher than 5-second pages. Speed isn’t a nice-to-have. It’s the first thing to fix.
| Optimization | Impact | How to Implement |
|---|---|---|
| Image compression | 40-70% file size reduction | Use TinyPNG, ImageOptim, or WebP format |
| Inline critical CSS | Eliminates render-blocking | Move above-fold styles to <head> |
| Lazy load images | Faster initial paint | Add loading="lazy" to images below fold |
| CDN | 50%+ faster globally | CloudFlare (free), Bunny CDN |
| Gzip compression | 70% smaller transfers | Enable in server config |
| Remove unused code | Less to download | Audit with Chrome DevTools |
Test your speed before launch:
- Google PageSpeed Insights - Aim for 90+ on mobile
- GTmetrix - Shows what’s slowing you down
- Pingdom - Tests from different locations
If your page scores below 90 on mobile PageSpeed, fix it before spending money on traffic. Every dollar you spend on slow pages is partially wasted.
Mobile-First Design
Over 60% of traffic is mobile. If your page doesn’t work on phones, you’re losing the majority of your visitors.
Mobile checklist:
- Text readable without zooming (16px+ font)
- Buttons large enough to tap (44px+ height)
- Forms easy to fill on mobile
- CTA visible without scrolling
- Images scale properly
- No horizontal scrolling
Test on actual devices, not just browser dev tools. Chrome’s device emulator misses real-world touch issues, keyboard behavior, and performance problems.
Testing Strategy
Most people build one page, drive traffic, and either celebrate or give up based on the first results.
That’s gambling, not marketing.
The AI advantage is that you can test 10 variations in the time it used to take to build one. Use that leverage.
What to Test (Priority Order)
| Priority | Element | Why It Matters |
|---|---|---|
| 1 | Headline | First thing visitors see. 80% of visitors read only the headline |
| 2 | CTA (text + color) | Direct impact on click-through |
| 3 | Hero image/video | Sets emotional tone |
| 4 | Social proof placement | Builds trust at key moments |
| 5 | Price presentation | Framing affects perceived value |
| 6 | Form length | More fields = fewer completions |
Don’t test everything at once. That’s how you learn nothing and can’t attribute results.
Test one element at a time. Get statistical significance. Move to the next element.
The AI Testing Workflow
Here’s the exact process I follow:
- Generate variations: Use the prompts above to create 5 headline variations
- Split traffic: Send equal traffic to each version (use your ad platform’s split testing or tools like Unbounce)
- Wait for significance: Use a calculator to know when results are real (usually 100+ conversions per variant)
- Pick winner: Keep the best performer
- Iterate on winner: Generate 5 new variations based on what won
- Move to next element: Once headlines are optimized, move to CTA, then social proof, etc.
This compounds. A 10% lift on headlines + 15% lift on CTA + 10% lift on social proof = 40%+ total improvement. That’s the difference between a break-even campaign and a profitable one.
How to Use AI for Test Analysis
After running tests, feed your data to Claude to figure out what to test next:
I ran an A/B test on my landing page headline.
Version A: [headline] - 2.3% conversion rate, 1,247 visitors
Version B: [headline] - 3.1% conversion rate, 1,189 visitors
Version C: [headline] - 2.8% conversion rate, 1,302 visitors
Questions:
1. Is Version B's win statistically significant?
2. What patterns do you see between the winner and losers?
3. Based on the winner, give me 3 new headline variations to test
4. What element should I test next?
This turns raw data into actionable next steps. AI spots patterns in test results that help you generate better hypotheses instead of testing randomly.
Pre-Launch Checklist
Before you spend money on traffic, run through this. I’ve lost money on campaigns because I skipped these checks.
Technical Checks
- Page loads under 3 seconds on mobile
- All links work (test every button)
- Forms submit correctly (test with real data)
- Tracking pixels fire properly
- Mobile displays correctly on iOS and Android
- No console errors in browser dev tools
Conversion Checks
- Headline is clear in 5 seconds
- CTA is visible without scrolling (mobile)
- Value proposition is obvious
- Social proof is present
- Objections are addressed
- Message matches the ad that drives traffic
Speed Checks
- PageSpeed Insights score 90+ on mobile
- Images are compressed
- No render-blocking resources
- CDN is enabled
User Testing (5 Minutes, Saves Hours)
Before launch, get 3-5 people who haven’t seen the page to review it:
- Show them for 5 seconds
- Ask: “What is this page selling?”
- Ask: “What action should you take?”
- Ask: “Any reason you wouldn’t do it?”
If they can’t answer clearly, your page isn’t clear enough. Fix it before you spend money.
UserTesting can do this at scale, but even asking friends or posting in a Slack community works for initial validation.
Your Landing Page in One Afternoon
Here’s the timeline I follow when building a new landing page:
| Time | Task |
|---|---|
| 0:00-0:30 | Research: competitor analysis + audience research prompts |
| 0:30-1:00 | Copy: main prompt + generate 5 headline variations |
| 1:00-2:00 | Build: generate code or use page builder |
| 2:00-2:30 | Speed optimization + mobile testing |
| 2:30-3:00 | Pre-launch checklist + user testing |
That’s a complete landing page in 3 hours. Not weeks. Not after hiring a copywriter and developer.
The market still decides what converts. AI just lets you ask the market more questions, faster.
What to Do Next
- Pick your page type based on your traffic source and offer
- Run the research prompts before you write anything
- Generate 5 headline variations minimum
- Build with code or a builder depending on your long-term plans
- Test before you scale, let data pick winners
If you don’t have an offer yet, go back to Offer Selection first. No landing page saves a bad offer.
If you want the technical deep-dive on building pages with code, see the Landing Page Code guide.
For the complete AI tool stack I use across all campaigns, see the AI Tools for Media Buying guide.