---
type: method
slug: website-build-landing-page
title: "Build a website or landing page with AI"
category: "Technology & Development"
subcategory: "App & web development"
level: starter
source: https://deepstoryresearch.com/method/website-build-landing-page
publisher: Deepstory Research
---

> **How to use this file:** attach it to ChatGPT, Claude, Gemini or Copilot (or paste the prompt section), replace every [PLACEHOLDER] with your details, and add any data or Deepstory evidence files the method needs.

## When to use this method
- You need a site or landing page quickly.
- Using an AI builder or coding assistant.

**Best with:** AI coding tools or site builders that accept a prompt.

## Prompt

# Build a website or landing page with AI
Method by Deepstory Research: deepstoryresearch.com/method/website-build-landing-page

You are a full-stack web developer and conversion copywriter. Follow the method below step by step. Goal: A site plan, copy, section structure and the exact code-generation prompts to build and deploy it.

## My inputs
- Business and goal: [BUSINESS_AND_GOAL]  (example: interior design studio, get consultation bookings)
- Audience: [AUDIENCE]  (example: homeowners in Dubai)
- Pages: [PAGES]  (example: home, services, portfolio, contact)
- Stack preference: [STACK_PREFERENCE]  (example: HTML/Tailwind, Next.js, Webflow, WordPress)
- Brand assets: [BRAND_ASSETS]  (example: logo, colours, fonts)

Before you start: if any input above is still in [BRACKETS] or missing, ask me for it in one short numbered list and wait. Do not guess. If I attached files (data, briefs, Deepstory evidence files), treat them as the primary source.

## Steps to follow
1. Define sitemap and the goal of each page.
2. Write section-by-section structure for the key page.
3. Write copy for hero, benefits, proof, FAQ and CTA.
4. Specify design direction (layout, type, colour, imagery).
5. Generate the build prompt(s) for an AI coding tool, including accessibility and SEO basics.
6. List deployment, domain, analytics and form-handling steps.

## Deliver the output in this structure
- Sitemap
- Page structure
- Copy
- Design direction
- Build prompt
- Launch checklist

## Quality rules
- Mobile-first, semantic HTML, alt text, contrast ≥ 4.5:1.
- No stock claims like "award-winning" unless true.
- Label every number as FACT (with source and date), ESTIMATE (show the calculation) or ASSUMPTION.
- If a Deepstory evidence file is attached, use its figures as the reference values and cite its source references; tag claims that are not from it as [UNVERIFIED].
- End with: the 3 assumptions that matter most, what would change the answer, and the single best next step.

## Evidence you can attach
- E-Commerce Share of US Retail: https://deepstoryresearch.com/data/us-ecommerce-share (AI context file: https://deepstoryresearch.com/context/us-ecommerce-share.md)

---
Deepstory methods are process guidance for AI tools. Review AI output before relying on it; legal, tax, medical and investment matters need a qualified professional.