landing-page-design

Structure landing-page sections with outcome-led copy and conversion-focused layout rules.

1|Updated Apr 13, 2026
One-click install
npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill landing-page-design-yahav123147
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: landing-page-design
Source: https://github.com/yahav123147/paid-ads-cro-skills/tree/main/skills/landing-page-design
Command: npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill landing-page-design-yahav123147

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you fix low conversion landing pages by applying proven above-the-fold layout rules and conversion-focused CTA and trust placement.

Core Features & Use Cases

  • Above-the-fold design: Enforces a 5-second value communication structure with outcome-led headline, subheadline, hero image, and primary CTA.
  • Conversion section order: Guides a high-performing sequence (Hero → Social Proof → Problem → Features → How It Works → Testimonials → Pricing → FAQ → Final CTA).
  • CTA psychology & mobile optimization: Recommends CTA copy/design rules, social proof types/placement, and mobile-first patterns (sticky/full-width CTA, responsive images).

Quick Start

Tell the AI to redesign your landing page structure for higher conversions by applying the above-the-fold formula, recommended section order, CTA button rules, and mobile optimization guidelines.

Frequently Asked Questions about landing-page-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the best landing page section order for SaaS conversion rates?

The best landing page section order for SaaS conversion rates starts with a Hero, followed by Social Proof, Problem, Features, How It Works, Testimonials, Pricing, FAQ, and a Final CTA. This sequence guides visitors through value validation before asking for commitment.

How do I structure a landing page hero section to communicate value in 5 seconds?

To structure a landing page hero section for 5-second value communication, combine an outcome-led headline, a supporting subheadline, a relevant hero image, and a primary CTA. This above-the-fold formula ensures visitors immediately understand your product's core value proposition.

How do I design CTA buttons and social proof for mobile landing page optimization?

For mobile landing page optimization, design CTA buttons as sticky or full-width elements, use responsive images, and place social proof signals directly below the hero. Apply CTA psychology rules to copy and design to drive mobile conversions effectively.

Why does my landing page convert poorly despite having traffic?

Your landing page likely converts poorly due to weak above-the-fold messaging, missing social proof placement, or ignoring mobile-first patterns. Common conversion mistakes include failing to use an outcome-focused hero or disrupting the recommended section sequence.

Can I use this landing page design approach for startup product pages?

Yes, you can use this landing page design approach for startup and SaaS product pages. The outcome-led copy and layout rules apply directly to designing above-the-fold messaging, trust signals, pricing blocks, and FAQ sections to maximize conversion rates.