Appearance
Types of Landing Pages
Not all landing pages serve the same purpose — choosing the right type for your goal is the first strategic decision you will make.
Why This Matters
- 💻 Dev: Each landing page type has different technical requirements — a lead capture page needs form validation and CRM integration, a pricing page needs toggle logic and plan comparisons, a splash page needs cookie-based redirect logic. Knowing the type upfront prevents mid-build scope changes.
- 📋 PM: Choosing the wrong page type for your goal is like bringing a fishing rod to a whale hunt. This chapter gives you a decision framework so you match page type to business objective before anyone starts building.
- 🎨 Designer: Different types demand different layouts, different content density, and different visual strategies. A squeeze page is a sprint — minimal elements, maximum focus. A long-form sales page is a marathon — sustained engagement over thousands of pixels. Your design approach must match.
The Concept (Simple)
Think of landing page types like different methods of fishing.
Fly fishing is the lead capture page — precise, delicate, and targeted. You present a single irresistible lure (a free ebook, a discount code) and wait for the fish to bite (submit their email). You are not trying to catch everything. You are after one specific fish.
Net fishing is the click-through page. You cast a wide net to warm up a school of fish (provide information, build desire), then guide them toward the boat (the checkout page or signup flow). The landing page itself does not close the deal — it prepares the visitor for the next step.
Spearfishing is the long-form sales page. You go deep. You identify one target, study its behavior, and make one decisive strike. These pages are long, detailed, and persuasive — often 3,000+ words — because the ask is bigger (a purchase, a commitment, an annual plan).
The key insight: the type of page you build should be determined by what you are asking the visitor to do, not by what looks good or what your competitor built last week.
How It Works (Detailed)
The 8 Landing Page Archetypes
1. Lead Capture Page
The workhorse of content marketing. Offers something valuable (ebook, template, webinar, free tool) in exchange for contact information.
┌─────────────────────────────────────────┐
│ LEAD CAPTURE PAGE │
│ │
│ ┌───────────────────────────────────┐ │
│ │ Headline: "Get the Free Guide" │ │
│ │ Subhead: What they will learn │ │
│ └───────────────────────────────────┘ │
│ │
│ ┌─────────────────┐ ┌──────────────┐ │
│ │ 3-5 bullet │ │ Form: │ │
│ │ points of │ │ Name │ │
│ │ what is inside │ │ Email │ │
│ │ │ │ [Download] │ │
│ │ Cover image │ │ │ │
│ └─────────────────┘ └──────────────┘ │
│ │
│ Social proof: "10,000+ downloaded" │
└─────────────────────────────────────────┘Best for: Building an email list, nurturing leads, top-of-funnel campaigns. Typical conversion rate: 20-40% (for well-targeted traffic).
2. Click-Through Page
Acts as a warm-up before the real conversion happens on the next page (checkout, signup, pricing). Contains no form — just information and a button.
┌─────────────────────────────────────────┐
│ CLICK-THROUGH PAGE │
│ │
│ ┌───────────────────────────────────┐ │
│ │ Headline: Value proposition │ │
│ │ Hero image / product visual │ │
│ └───────────────────────────────────┘ │
│ │
│ Features & Benefits (detailed) │
│ Social Proof (testimonials, logos) │
│ Pricing preview or offer details │
│ │
│ ┌───────────────────────────────────┐ │
│ │ [See Plans & Pricing ▶] │ │
│ └───────────────────────────────────┘ │
│ │
│ FAQ section │
└─────────────────────────────────────────┘Best for: E-commerce products, SaaS free trials, high-consideration purchases. Typical conversion rate: 5-15% (click-through to next step).
3. Splash Page
A pre-entry gate that appears before the main website. Often used for age verification, language selection, or a major announcement.
┌─────────────────────────────────────────┐
│ SPLASH PAGE │
│ │
│ ┌──────────────┐ │
│ │ Logo │ │
│ └──────────────┘ │
│ │
│ Announcement or verification │
│ │
│ ┌───────────┐ ┌───────────────┐ │
│ │ [Yes] │ │ [Continue ▶] │ │
│ └───────────┘ └───────────────┘ │
│ │
└─────────────────────────────────────────┘Best for: Time-sensitive announcements, compliance requirements, major pivots. Typical conversion rate: 60-90% (low friction, simple action).
4. Squeeze Page
The most aggressive lead capture variant. Stripped to the absolute minimum — a headline, 1-2 sentences, and an email field. Nothing else.
┌─────────────────────────────────────────┐
│ SQUEEZE PAGE │
│ │
│ │
│ "Get [specific outcome] in │
│ [timeframe]. Free." │
│ │
│ ┌──────────────────────────────┐ │
│ │ Enter your email │ │
│ │ [Send It To Me ▶] │ │
│ └──────────────────────────────┘ │
│ │
│ "Join 5,000+ subscribers" │
│ │
└─────────────────────────────────────────┘Best for: Newsletter signups, waitlists, maximizing opt-in rate from warm traffic. Typical conversion rate: 30-50% (from targeted traffic).
5. Long-Form Sales Page
The persuasion marathon. These pages can be 3,000-10,000+ words, telling a complete story from problem to solution to proof to offer. Common in courses, consulting, and high-ticket SaaS.
┌─────────────────────────────────────────┐
│ LONG-FORM SALES PAGE │
│ │
│ Attention-grabbing headline │
│ Story / Problem narrative │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ Agitate the pain │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ Introduce the solution │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ Deep feature breakdown │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ Testimonials & case studies │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ The offer (what you get) │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ Bonuses & guarantees │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ Final CTA + urgency │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ FAQ │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ P.S. (final nudge) │
└─────────────────────────────────────────┘Best for: Courses, coaching, enterprise SaaS, high-ticket products. Typical conversion rate: 1-5% (but high revenue per conversion).
6. Product Launch Page
A "coming soon" page that builds anticipation and collects early interest before the product is available.
┌─────────────────────────────────────────┐
│ PRODUCT LAUNCH PAGE │
│ │
│ ┌───────────────────────────────────┐ │
│ │ Product name + tagline │ │
│ │ "A better way to [outcome]" │ │
│ └───────────────────────────────────┘ │
│ │
│ Teaser visuals or preview │
│ │
│ ┌───────────────────────────────────┐ │
│ │ Launching in: 14 days │ │
│ │ ┌──┐ ┌──┐ ┌──┐ ┌──┐ │ │
│ │ │14│:│05│:│32│:│18│ │ │
│ │ └──┘ └──┘ └──┘ └──┘ │ │
│ └───────────────────────────────────┘ │
│ │
│ Email: [Get early access ▶] │
│ │
│ "2,400 people on the waitlist" │
└─────────────────────────────────────────┘Best for: Pre-launch validation, building a waitlist, creating buzz. Typical conversion rate: 15-30% (curiosity-driven).
7. Event Registration Page
Drives signups for webinars, conferences, workshops, or live events.
┌─────────────────────────────────────────┐
│ EVENT REGISTRATION PAGE │
│ │
│ Event title + date/time │
│ Speaker headshots + bios │
│ │
│ What you will learn: │
│ • Topic 1 │
│ • Topic 2 │
│ • Topic 3 │
│ │
│ ┌───────────────────────────────────┐ │
│ │ Name: [______________] │ │
│ │ Email: [______________] │ │
│ │ [Reserve My Spot ▶] │ │
│ └───────────────────────────────────┘ │
│ │
│ "347 seats remaining" │
│ Speaker credentials / social proof │
└─────────────────────────────────────────┘Best for: Webinar signups, conference registration, workshop enrollment. Typical conversion rate: 20-40% (event-specific, time-bound urgency).
8. Pricing Page
Compares plans and drives plan selection. While often part of the main site, pricing pages frequently serve as landing pages for bottom-of-funnel search traffic.
┌─────────────────────────────────────────────────────┐
│ PRICING PAGE │
│ │
│ "Simple, transparent pricing" │
│ │
│ ┌──────────┐ ┌──────────────┐ ┌──────────┐ │
│ │ Basic │ │ Pro │ │ Business │ │
│ │ $9/mo │ │ $29/mo │ │ $79/mo │ │
│ │ │ │ ★ POPULAR │ │ │ │
│ │ Feature │ │ Feature │ │ Feature │ │
│ │ Feature │ │ Feature │ │ Feature │ │
│ │ Feature │ │ Feature │ │ Feature │ │
│ │ │ │ Feature │ │ Feature │ │
│ │ [Start] │ │ [Start ▶] │ │ [Start] │ │
│ └──────────┘ └──────────────┘ └──────────┘ │
│ │
│ Feature comparison table │
│ FAQ (billing, cancellation, refunds) │
└─────────────────────────────────────────────────────┘Best for: SaaS plan selection, bottom-of-funnel conversion, upselling. Typical conversion rate: 3-10% (high-intent visitors).
Decision Matrix
Use this table to match your business goal to the right page type:
┌─────────────────────────┬────────────────────┬──────────────┬──────────────┐
│ Your Goal │ Best Page Type │ Typical CVR │ Traffic Fit │
├─────────────────────────┼────────────────────┼──────────────┼──────────────┤
│ Collect emails / leads │ Lead Capture │ 20-40% │ Content, │
│ │ │ │ social ads │
├─────────────────────────┼────────────────────┼──────────────┼──────────────┤
│ Warm up before checkout │ Click-Through │ 5-15% │ Paid search, │
│ │ │ │ display ads │
├─────────────────────────┼────────────────────┼──────────────┼──────────────┤
│ Gate or announce │ Splash │ 60-90% │ Direct, │
│ │ │ │ all traffic │
├─────────────────────────┼────────────────────┼──────────────┼──────────────┤
│ Maximize email opt-ins │ Squeeze │ 30-50% │ Warm traffic │
│ (minimal friction) │ │ │ (email, ads) │
├─────────────────────────┼────────────────────┼──────────────┼──────────────┤
│ Sell high-ticket item │ Long-Form Sales │ 1-5% │ Email, paid │
│ │ │ │ retargeting │
├─────────────────────────┼────────────────────┼──────────────┼──────────────┤
│ Build pre-launch hype │ Product Launch │ 15-30% │ Social, │
│ │ │ │ communities │
├─────────────────────────┼────────────────────┼──────────────┼──────────────┤
│ Drive event signups │ Event Registration │ 20-40% │ Email, paid │
│ │ │ │ social │
├─────────────────────────┼────────────────────┼──────────────┼──────────────┤
│ Convert plan selection │ Pricing │ 3-10% │ Organic │
│ │ │ │ search, site │
└─────────────────────────┴────────────────────┴──────────────┴──────────────┘Choosing the Right Type: A Quick Flowchart
What is your primary goal?
│
┌────────────────┼────────────────┐
▼ ▼ ▼
Collect info Drive a sale Build awareness
│ │ │
┌──────┴──────┐ ┌────┴─────┐ ┌─────┴──────┐
▼ ▼ ▼ ▼ ▼ ▼
Email only? More info? Under $50? Over $50? Pre-launch? Event?
│ │ │ │ │ │
▼ ▼ ▼ ▼ ▼ ▼
Squeeze Lead Click- Long-Form Product Event
Page Capture Through Sales Launch Registration
Page Page Page Page PageIn Practice
Stripe: Click-Through Mastery
Stripe's individual product pages (Stripe Payments, Stripe Billing, Stripe Connect) are textbook click-through pages. Each one:
- Opens with a product-specific headline and visual
- Walks through features and benefits with code snippets and diagrams
- Shows customer logos and integration partners
- Ends with a "Start now" button that leads to the signup flow
Stripe does not try to collect payment on these pages. The goal is education and confidence-building — warming the visitor up so that by the time they reach the signup form, the decision is already made. This is the click-through pattern executed perfectly.
Linear: Product Launch Page Excellence
When Linear launches a new feature cycle, they build dedicated launch pages that follow the product launch archetype. Their approach includes:
- A bold headline announcing the new capability
- Polished product visuals showing the feature in action
- A "what's new" breakdown with specific improvements
- A clear CTA to try the feature or sign up
What makes Linear's launch pages effective is the design quality. The pages feel like an event — something worth paying attention to. This is a deliberate choice. By treating every launch as a first impression, they generate word-of-mouth sharing that amplifies the page far beyond their existing user base.
Shopify Plus: Long-Form Sales Done Right
Shopify's Plus tier (their enterprise product) uses a long-form sales page that runs thousands of pixels long. It follows the classic long-form structure:
- Problem: "Your current platform cannot keep up with your growth"
- Agitation: Stories of downtime during peak sales, limitations on customization
- Solution: Shopify Plus as the commerce platform built for scale
- Proof: Case studies with named brands and specific revenue numbers
- The Offer: Migration support, dedicated account management, custom pricing
- Risk Reversal: "Talk to a commerce advisor" (free consultation, no commitment)
The page works because the ask is big — enterprise SaaS contracts worth tens of thousands per year. A squeeze page would never close this deal. The visitor needs education, proof, and confidence before they are willing to even talk to sales. The long-form page delivers all three.
The Hybrid Approach
In practice, many effective landing pages blend two types. An event registration page might include long-form sales elements (speaker bios, agenda, testimonials) to justify a paid ticket. A lead capture page might borrow the countdown timer from a product launch page to create urgency.
The archetypes are starting points, not rigid templates. Use them as a foundation, then adapt based on your specific audience and offer.
Key Takeaways
- There are 8 distinct landing page archetypes, each designed for a specific conversion goal: Lead Capture, Click-Through, Splash, Squeeze, Long-Form Sales, Product Launch, Event Registration, and Pricing.
- The type you choose should be determined by your goal and traffic source, not by personal preference or what looks trendy.
- Higher-friction asks (purchases, enterprise contracts) require longer pages with more persuasion. Lower-friction asks (email signups) can use minimal pages.
- Conversion rates vary dramatically by type — a squeeze page might convert at 40% while a long-form sales page converts at 2%, but both can be equally successful relative to their goals.
- Click-through pages do not try to close the deal themselves — they warm visitors up for the next step.
- Long-form sales pages are not outdated — they remain the most effective format for high-ticket offers where the visitor needs extensive persuasion.
- Hybrid approaches that blend two archetypes are common and often effective, as long as the primary goal stays clear.
Action Items
┌──────────┬──────────────────────────────────────────────────────┐
│ 💻 Dev │ ☐ Build starter templates for the 3 most common │
│ │ page types your team uses (e.g., lead capture, │
│ │ click-through, event registration) │
│ │ ☐ Ensure form components support progressive │
│ │ disclosure (start with email-only, expand if │
│ │ needed for different page types) │
│ │ ☐ Implement countdown timer and waitlist │
│ │ components for product launch pages │
│ │ ☐ Build a pricing toggle component with monthly/ │
│ │ annual switching and plan highlighting │
├──────────┼──────────────────────────────────────────────────────┤
│ 📋 PM │ ☐ Categorize every existing landing page by │
│ │ archetype — are any using the wrong type for │
│ │ their goal? │
│ │ ☐ Use the decision matrix to select the right page │
│ │ type for your next 3 planned campaigns │
│ │ ☐ Document expected conversion rate ranges for │
│ │ each page type so stakeholders have realistic │
│ │ expectations │
├──────────┼──────────────────────────────────────────────────────┤
│ 🎨 Design│ ☐ Create wireframe templates for each of the 8 │
│ │ archetypes showing the key structural differences │
│ │ ☐ Design a long-form sales page layout system │
│ │ with repeatable content blocks for storytelling │
│ │ ☐ Study 3 competitor landing pages and identify │
│ │ which archetype each one uses — what would you │
│ │ change about the type selection? │
└──────────┴──────────────────────────────────────────────────────┘