AI prompts for landing page wireframes

Most landing pages fail because people jump straight to copy without planning the structure. These prompts help you wireframe your page first — section order, content hierarchy, conversion flow — before a single word of copy gets written.

https://
FreeNo signup~1 minute

Prompts you can use today

Here's the pattern we see in thousands of analyzed landing pages: people open a blank page and start writing headlines. That's backwards. The structure of your page — what sections appear, in what order, and how they flow toward conversion — matters more than any individual line of copy.

These prompts help you build the blueprint before you build the house. Use them to plan your page architecture, then move to copy prompts once the structure is locked.

Generate a full page wireframe from scratch

This is the starting point. Before you write anything, you need a structural plan for the entire page. This prompt produces a section-by-section wireframe with rationale for why each section exists and where it sits.

I need a structural wireframe for a landing page.

Product: [name + one-sentence description]
Target audience: [who they are, their role, what they care about]
Awareness level: [unaware / problem-aware / solution-aware / product-aware / most-aware]
Primary conversion goal: [free trial signup / demo booking / purchase / waitlist / etc.]
Secondary goal: [if any — e.g., "download lead magnet" or "watch demo video"]

Generate a section-by-section wireframe. For each section, provide:
1. SECTION NAME (e.g., "Hero," "Social Proof," "How It Works")
2. PURPOSE (one sentence — why this section exists)
3. KEY CONTENT ELEMENTS (bullet list of what goes in this section)
4. ESTIMATED HEIGHT (short / medium / tall — how much space it should take)
5. TRANSITION (what mental question the visitor has after this section that the next section answers)

Rules:
- Start with the visitor's awareness level. Unaware visitors need more education sections. Product-aware visitors need more proof and urgency.
- Every section must earn its place — if you can't explain why it's there, cut it.
- Include exactly ONE primary CTA placement and up to 2 secondary CTA placements. Don't spray CTAs everywhere.
- The page should have a single narrative thread: problem → solution → proof → action.
- Aim for 6-10 sections total. More than 10 means you're not prioritizing.

Run this first, then use the output as input for every other prompt on this page. The wireframe is your map.

Optimize section ordering for your audience

Got a page that already exists but isn't converting? The problem is often section order, not copy. This prompt re-sequences your sections based on what your visitors actually need to see — and when.

Here are the sections currently on my landing page, in order:

[List each section: e.g.,
1. Hero (headline + CTA)
2. Logo bar (client logos)
3. Features grid (6 features)
4. How it works (3 steps)
5. Testimonials (3 quotes)
6. Pricing (3 tiers)
7. FAQ
8. Final CTA]

My audience: [who they are]
Awareness level: [unaware / problem-aware / solution-aware / product-aware]
Current conversion rate: [if known, or "unknown"]
Biggest drop-off point: [if known from analytics — e.g., "visitors scroll past features but never reach pricing"]

Analyze this section order and:
1. REORDER the sections for maximum conversion. Explain each move.
2. IDENTIFY any missing sections that should be added (and where).
3. FLAG any sections that should be removed or merged.
4. SUGGEST transition copy between the top 3 most important section boundaries.

Rules:
- Social proof should appear BEFORE the first decision point, not after.
- The "how it works" section should appear before features if the product is complex.
- Never put FAQ directly before the CTA — it introduces doubt at the wrong moment.
- Pricing should never be a surprise. Anchor expectations before the full pricing section.
- If the audience is problem-aware, lead with the problem, not your solution.

After re-ordering, check what's above the fold to make sure your most critical content is visible without scrolling.

Build a content brief for each section

Once you have the wireframe, you need a brief for each section before handing it off to a copywriter (or to another AI prompt). This generates the constraints and specifications that produce good copy.

Here's my page wireframe:

[Paste your wireframe — section names + purposes from the wireframe prompt above]

For each section, generate a content brief that includes:
1. WORD COUNT TARGET (specific range, e.g., "40-60 words")
2. CONTENT FORMAT (paragraph, bullets, numbered list, comparison table, etc.)
3. MANDATORY ELEMENTS (what MUST be included — e.g., "specific metric," "customer quote," "CTA button")
4. BANNED PATTERNS (what to avoid — e.g., "no feature-first descriptions," "no generic stock photo suggestions")
5. VOICE NOTES (how this section should feel — e.g., "confident and direct" vs "empathetic and reassuring")
6. VISUAL HIERARCHY (what's the most important element? What should the eye hit first?)

Rules:
- Total page word count should be between [800-1200 / 1500-2500 / 2500+] words depending on complexity.
- Above-the-fold content should be scannable in 5 seconds. No dense paragraphs.
- Each section should have ONE primary message. If you need two, split it into two sections.
- Every section's brief should reference the previous section's exit state — the page is a conversation, not a list of sections.

Product context: [name + what it does]
Audience: [who reads this page]

This brief becomes the spec sheet for writing. Whether you hand it to a copywriter, use headline prompts, or write it yourself, having the brief means every section has clear constraints.

Plan mobile-first content prioritization

On mobile, your page is a single vertical column. No sidebars. No two-column layouts. Visitors see less per screen and scroll faster. This prompt forces you to decide what actually matters when space is scarce.

Here's my landing page wireframe:

[Paste section list with key content elements for each]

This page needs to work on mobile (where [50-70]% of my traffic comes from).

For each section:
1. KEEP / CUT / COLLAPSE — should this section appear on mobile as-is, be removed entirely, or be collapsed behind an expandable element?
2. MOBILE PRIORITY CONTENT — if the section stays, what's the ONE element that must be visible? Cut everything else or push it below a "Read more" tap.
3. THUMB-ZONE CTA CHECK — is there a CTA in this section? Is it reachable by thumb in a natural scroll?
4. LOAD PRIORITY — should this section load immediately, or can it lazy-load?

Then provide:
- A mobile-specific section order if it should differ from desktop
- A "sticky element" recommendation (e.g., sticky CTA bar, sticky nav)
- Maximum number of sections before the first CTA on mobile (should be 2 or fewer)

Rules:
- If it doesn't serve the conversion goal on mobile, cut it. Mobile visitors are more intent-driven.
- Testimonial carousels are thumb-hostile. Suggest alternatives.
- Feature grids don't work on mobile. Reformat as a vertical list with the top 3 features only.
- Hero section on mobile must work without background images (they get cropped).

Map the conversion flow and decision points

Your landing page isn't just a collection of sections — it's a decision-making flow. Each section either moves the visitor toward "yes" or lets them slip away. This prompt maps the psychological journey and identifies where you're losing people.

I'm planning (or auditing) the conversion flow on my landing page.

Product: [name + what it does]
Audience: [who they are]
Price point: [free / low-cost / mid-range / enterprise]
Conversion action: [what "converting" means — signup, purchase, demo, etc.]

Map my page as a decision flow:
1. For each section, identify the VISITOR'S MENTAL STATE when they arrive (what are they thinking? what objections do they have?)
2. Identify the QUESTION each section must answer to keep them scrolling
3. Identify the OBJECTION each section must overcome
4. Flag DECISION POINTS — moments where visitors choose to keep going or leave
5. For each decision point, recommend a MICRO-COMMITMENT (something smaller than the final CTA that keeps them engaged — e.g., "see pricing," "watch 30-sec demo," "calculate your ROI")

Rules:
- The page should have no more than 3 major decision points. More than that creates decision fatigue.
- Each objection should be addressed BEFORE the decision point where it would cause a bounce.
- High price = more proof needed before the CTA. Low price = less proof, more urgency.
- If the conversion action has high friction (requires a call, long form), add a lower-friction alternative.
- End with a "last chance" element — what does the visitor see right before they'd leave without converting?

This mental model pairs well with a full page audit prompt — use the audit to diagnose where your current flow breaks, then use this to redesign it.

What these prompts cover

Each prompt targets a specific part of your landing page. Pick the one you need, fill in the brackets, paste it in.

Full page wireframing

Generate a section-by-section structural plan with purpose and content specs for every block.

Section order optimization

Re-sequence existing page sections based on audience awareness level and conversion psychology.

Content brief generation

Produce detailed briefs for each section — word counts, format, constraints, voice notes.

Mobile-first prioritization

Decide what to keep, cut, or collapse when your page has to work on a 375px screen.

Conversion flow mapping

Map the visitor's psychological journey, objections, and decision points across the page.

Structure before copy

Prevents the #1 landing page mistake: writing copy before you've planned the page architecture.

Sample result

"You put your FAQ directly above the final CTA — that's where doubt kills conversions."

The section ordering prompt flagged a common pattern: FAQ sections that surface objections right before the conversion point. Moving social proof above the CTA and relocating FAQ earlier in the page (where it addresses concerns during evaluation, not at the moment of decision) improved flow significantly. Structure changes like this often outperform copy changes.

Common questions

Should I wireframe before or after I write copy?

Before. Always before. Writing copy without a structural plan is like furnishing a house before you've drawn the floor plan. The wireframe tells you what copy you need, how long each section should be, and what job each section does. Start with structure, then fill in the words.

How many sections should a landing page have?

Between 6 and 10 for most pages. Fewer than 6 usually means you're missing critical trust or explanation elements. More than 10 means you're not prioritizing — every section dilutes the ones around it. The wireframe prompt forces you to justify each section's existence.

What's the best section order for a landing page?

There's no universal answer — it depends on your audience's awareness level. For problem-aware visitors: problem → solution → how it works → proof → pricing → CTA. For product-aware visitors: hero → proof → differentiators → pricing → CTA. The section ordering prompt generates the right sequence for your specific situation.

Do I need a different structure for mobile vs desktop?

Not a completely different page, but you need to prioritize differently. Mobile visitors see less per screen and scroll faster. The mobile-first prompt helps you decide what to keep, collapse, or cut. At minimum, your hero and first CTA need to work perfectly on a 375px screen.

How do these prompts work with copy-focused prompts?

Use these first to plan your page structure. Then take the wireframe output and content briefs to copy-focused prompts (like the landing page copy or hero section headline prompts) as input. The structure prompts produce the brief; the copy prompts produce the words that fill it.

Can I use these for redesigning an existing page?

Yes — the section ordering prompt is specifically designed for existing pages. Paste your current section list, and it will reorder, flag missing sections, and suggest what to cut. It's often more valuable for redesigns than new pages because you have real content to work with.

Related reading

Test the results on your real page

Write the copy with AI. Then see how it scores. Free analysis, no signup.

https://