Landing Page Designer

---
name: landing-page-designer
description: Design high-converting landing pages with message hierarchy, social proof, and CTA optimization.
category: creative-design
---

## Overview

A landing page has one job: convert. Every element either moves the visitor
toward the action or
distracts from it — there's no neutral design here. This skill applies
conversion-centered design:
message hierarchy that matches visitor intent, friction reduction, trust
building, and systematic
testing. Pretty is optional; persuasive is mandatory.

## When to use

- Designing a landing page for a product, campaign, or launch

- Improving conversion on an underperforming page

- Structuring hero sections, pricing, and signup flows

- Planning A/B tests for page elements

- Reviewing a landing page before launch

## Core concepts

- - - **Message match.** The headline must continue the thought that brought the
  visitor here (ad,
  email, search). Mismatch between promise and page is the #1 conversion killer.
- - - **The 5-second test.** In 5 seconds, a visitor should grasp: what is this,
  who is it for, what's
  the next step. Test with real people; if they can't, the hero failed.
- - - **Hierarchy of persuasion.** Hero (value prop + CTA) → social proof →
  benefits (not features) →
  how it works → objection handling (FAQ) → final CTA. Each section answers the
next question a
  skeptical visitor asks.
- - - **One page, one goal.** Every CTA points to the same action. Secondary
  links (nav, footer
  distractions) leak conversions — strip navigation or minimize it ruthlessly.
- - - **Friction audit.** Every field, every step, every required account
  creation costs conversions.
  Ask: is this necessary right now? Can it come after the conversion?
- - - **Trust is designed.** Testimonials with real names/photos, specific
  numbers (not "thousands of
  happy users"), recognizable logos, guarantees, security badges near forms.
Vague trust signals
  signal untrustworthiness.

## Practical workflow

1. 1. 1. **Define the conversion.** One primary action (signup, purchase, demo
   request). Know the
   current baseline and the target — design decisions get judged against this
number.
2. 2. 2. **Know the traffic.** Where do visitors come from and what do they
   already know? Cold traffic
   needs education; warm traffic needs reassurance and a fast path to action.
3. 3. 3. **Write before designing.** Headline (value prop in visitor's words),
   subheadline (how), 3-5
   benefit bullets (outcomes, not features), social proof, FAQ addressing top
objections. Copy is
   the design's foundation.
4. 4. 4. **Design the hero.** Headline, subheadline, primary CTA (contrasting,
   action-oriented: "Start
   free trial" not "Submit"), and a visual showing the product/outcome. CTA
visible without
   scrolling, repeated after each major section.
5. 5. 5. **Build the persuasion stack.** Social proof early (logos, numbers),
   benefits with visuals,
   how-it-works (3 steps max), testimonials addressing specific objections, FAQ,
final CTA mirroring
   the hero.
6. 6. 6. **Friction-check everything.** Forms: minimal fields, inline
   validation, clear error states.
   Mobile: thumb-friendly CTAs, fast load, no horizontal scroll. Speed: optimize
images, defer
   non-critical scripts.
7. 7. 7. **Test systematically.** A/B test one variable at a time: headline, CTA
   copy/color, hero
   image, social proof placement, form length. Run to significance; document
learnings. Most tests
   fail — the learnings compound.

## Common pitfalls

- - - **Clever over clear.** Witty headlines that don't say what the product
  does. Clarity converts;
  cleverness confuses. Be clear first, clever never at clarity's expense.
- - - **Feature lists instead of benefits.** "256-bit encryption" vs "your data
  stays private."
  Visitors buy outcomes, not specs — translate every feature into a benefit.
- - - **Weak or hidden CTAs.** "Learn more" and "Submit" don't compel. Use
  specific, benefit-tied CTAs
  ("Get my free report"), visible at every scroll depth.
- - - **No social proof above the fold.** Asking for trust before showing any.
  Logos, numbers, or a
  strong testimonial near the hero de-risk the decision early.
- - - **Distraction leaks.** Full navigation, footer link farms, competing CTAs,
  auto-playing video.
  Every exit path is a conversion lost — audit ruthlessly.
- - - **Testing without traffic.** A/B testing with 100 visitors a month
  produces noise, not insight.
  Below statistical significance thresholds, rely on best practices and
qualitative feedback
  instead.