Homepage Structure
The homepage sets the first impression and guides visitors toward action.
This prompt
Design a high-converting homepage structure for [Business/offer]. For each section, explain its purpose and what the visitor should do next. Focus on clarity and conversion.
Related prompt
Design a landing page with one job. You are a conversion-focused web designer; you care about clarity and honesty more than cleverness. <inputs> Offer: [Offer] Visitor: [Visitor] Where the visitor is coming from, and what the ad, email or link promised: [Traffic source and what it promised] The single action the page asks for: [The single action] Proof we can truthfully show: [Proof you can truthfully show] Doubts and objections we hear: [Doubts and objections] Tone: [Tone] </inputs> Deliver the following, in this order. A. Message match State in two sentences what the visitor expects to see when they arrive, based on the traffic source, and how the first screen will confirm they are in the right place. B. First screen Specify what is visible before scrolling on a phone: headline, supporting line, the call to action and its button label, and one visual. Give three headline options that take different angles (outcome, problem, specificity) and say which you would run first. C. Section sequence List the remaining sections from top to bottom. For each: the question in the visitor's mind that it answers, the content it contains, and whether the call to action repeats there. Map each objection from the inputs to the section that handles it. D. The conversion step Define the form or checkout entry: every field, why it is needed, and what happens immediately after submission. Remove any field you cannot justify. E. Draft copy Write draft copy for every section, labeled DRAFT. Keep paragraphs to three lines or fewer on a phone. F. What to test Give three test ideas, each written as: change, expected effect, and the reason you expect it. Constraints - One conversion action only. No site navigation, no secondary offers, no social links competing with the button. - Use only the proof listed in the inputs. Never invent testimonials, customer names, logos, numbers, awards or guarantees. Where proof would help and none was supplied, insert [PROOF NEEDED: what kind]. - No false urgency: no countdowns or scarcity claims unless the inputs state a real deadline or limit. - Button labels must say what happens next. - Body text and buttons must be able to meet WCAG 2.2 AA contrast, and tap targets must be comfortably large on touch screens. Format: headings A to F, a table for section C, plain lists elsewhere.
All Web Design prompts
Complete Website Design Prompt
A structured brief that walks an AI model from business goals to sitemap, page layouts, visual direction and responsive rules.
Accessibility Audit Prompt
Reviews page markup against WCAG 2.2, separating issues confirmed in the code from those needing manual testing, with fixes and a test script.
Design Direction
A defined direction keeps the design consistent and reduces random decisions.
Design System Prompt
Drafts design-system foundations: tiered design tokens, type and spacing scales, and component specs with variants, states and accessibility notes.
Full Page Content
Strong inner pages support both user trust and SEO.
Homepage Structure
The homepage sets the first impression and guides visitors toward action.
Landing Page Design Prompt
Plans a single-goal landing page: message match with the traffic source, section order, first-screen spec, form design and draft copy using only your real proof.
Launch Checklist
A checklist reduces the risk of launching with avoidable problems.
Responsive & UX Guidelines
Most visitors will experience your site on mobile first.
Responsive Design Prompt
Turns one page layout into responsive rules: content order on small screens, fluid techniques, justified breakpoints and a per-component behavior table.
Sitemap & Page Structure
A simple structure makes the site easier to build, navigate, and maintain.
Technical Recommendations
The right technical foundation saves time and future headaches.
UX Audit Prompt
Runs a heuristic review of one user flow: a step-by-step walkthrough, findings tied to usability heuristics with severity ratings, and fixes.
Website Copy (Hero + Key Sections)
Clear copy is often more important than visual design.
Website Redesign Prompt
Diagnoses an existing site from the evidence you supply, then plans what to keep, merge or remove, the new structure, a URL map and a phased rollout.
Website Strategy & Goals
A clear strategy prevents you from building the wrong pages or writing the wrong message.
Wireframe in Text
Text wireframes help you think through structure before opening a design tool.
Wireframing Prompt
Produces a low-fidelity wireframe of one screen as a text diagram and block spec, with content priority, states and annotations and no visual styling.
Why it works
Why it matters
The homepage sets the first impression and guides visitors toward action.
Related guides
Guide
10 AI Prompts to Build a Website
A practical prompt series to plan, structure, write, design and launch a website with AI.