28 ChatGPT Prompts for Web Design to Build Faster

Web design is where strategy, aesthetics and user psychology converge, and every stage of a project needs a different kind of thinking. The right ChatGPT prompts for web design help you move faster from discovery and site architecture, through visual concepts and copy, to client presentations and post-launch optimisation.

Below are 28 prompts in four stages: discovery and planning, visual design and layout, copy, SEO and conversion, and clients, launch and optimisation. They are built for web designers, freelancers and agencies, and work in ChatGPT or any other AI chatbot.

Generic descriptions produce generic websites. Load every prompt with context:

• The business and audience: what the company does, who visits and why
• The goal of each page: the one action a visitor should take there
• Brand positioning: personality, voice and what makes the business different
• A reality check: push back on anything that could apply to any website, and verify SEO and performance advice with real tools and data

For nuanced briefs and client-facing narrative, Claude Sonnet 5 is a strong default.

Seven prompts for getting the foundations right before any pixels move. Gemini 3 Pro can work through long client briefs and content inventories in one go.

1. Client discovery questionnaire

Write a discovery questionnaire for a new web design client in [industry]. Cover business goals, target audience, competitors, brand personality, must-have features, content they already have, budget, timeline and how they will measure success.

2. Site architecture planner

Design the information architecture for a website for [business type, size and goals]. Audience: [describe]. Key visitor actions in priority order: [list]. Create a sitemap with main sections, sub-pages, URL structure, the primary CTA and best content type for each key page. Explain the hierarchy and flag pages competitors often include that visitors rarely use.

3. UX brief writer

Write a UX brief for the [homepage / product page / checkout] of [website and business]. Business goal: [describe]. User goal: [describe]. Information the user needs: [list]. Primary conversion: [describe]. Cover the journey to and from the page, the jobs it must do, information hierarchy, UX principles, accessibility requirements and success metrics — specific enough for a designer new to this business.

4. Competitor website analysis

Here are notes on three competitor websites: [describe structure, messaging, visuals and CTAs]. Compare what each does well and badly, find patterns the category expects, and suggest where our client’s site could stand out.

5. Redesign strategy builder

Build the case for redesigning [brand]’s website. Current situation: [age, performance, problems and any data]. What has changed: [audience, products, rebrand, competition]. Cover the cost of not acting, goals and metrics, scope, phasing, key risks and a one-paragraph executive summary for budget approval.

6. Project proposal and scope

Write a web design proposal for [client and project]. Include the goals, deliverables by phase, what is out of scope, the number of revision rounds, timeline, client responsibilities and how extra requests will be handled.

7. Content inventory

Here is a list of the pages and content on the client’s current site: [paste]. Sort each item into keep, update, merge or remove, and list the content we will need to create for the new site.

Separating the business goal from the user goal in prompt 3 is the single biggest predictor of whether a page converts. For deeper research, flows and usability testing, see our ChatGPT prompts for UI/UX designers.

Seven prompts for the look and structure of the site. To turn a concept into mood images for a client, try Nano Banana Pro.

8. Visual concept developer

Develop three genuinely different visual concepts for a website for [brand]. Personality: [describe]. Audience: [describe]. Values: [list]. For each, give a name and one-line design philosophy, the visual tone, color palette direction, typography approach, image style and how layout and whitespace express the brand — not just color variations of one idea.

9. Landing page layout

Suggest a section-by-section layout for a landing page selling [offer] to [audience]. For each section, describe its job, the content it holds and where the CTA appears, and keep the page as short as it can be while still answering visitors’ main questions.

10. Design system component definer

Define the component library for [product: type, audience, tech stack] with this design direction: [describe]. Group components into layout, navigation, forms, content display, feedback and interactive elements. For each, give its purpose, variants and accessibility needs, and order them by how often they appear across the site.

11. Brand color and type pairing

Suggest three color palettes and three font pairings for a [brand personality] website in [industry]. For each, explain the feeling it creates, how to use it for text, buttons and backgrounds, and any contrast issues to check.

12. Photography and image direction

Write an image direction brief for [brand]’s website: subjects, lighting, color treatment, composition, people and diversity, what to avoid, and how images should differ between the homepage, product pages and blog.

13. Hero image prompt

Write an image generation prompt for a 16:9 website hero for [business] that communicates [key value], in a [style] style, with the subject on one side and calm negative space on the other for a headline and button.

14. Mobile-first checklist

Create a mobile-first design checklist for [site type]: navigation, tap targets, readable text sizes, form inputs, image loading, sticky CTAs and what to hide or simplify on small screens.

Three concepts with genuinely different philosophies give clients a real creative choice. Generate the prompt from 13 in the AI image generator, and replace it with real brand photography where you can.

Seven prompts for words and structure that get found and convert. Claude Haiku 4.5 is quick for batches of headlines and meta descriptions.

15. Homepage copy writer

Write homepage copy for [brand], a [business]. Audience: [describe]. Voice: [describe]. Include a hero with three headline options (benefit-led, aspiration-led and problem-led), a subheadline and CTA, three core benefits, an intro line for social proof, short descriptions of 3–4 offerings and a closing CTA. Speak to the visitor, not about the company — no passive voice or jargon.

16. About page writer

Write an About page for [business] from these facts: [founding story, team, values, milestones]. Lead with why the business exists for its customers, keep it human and specific, and end with a clear next step.

17. Service or product page copy

Write a page for [service or product] aimed at [audience]. Cover the problem it solves, how it works, key benefits, what is included, common objections with answers and a strong CTA. Use placeholders instead of inventing testimonials or results.

18. SEO structure planner

Plan the on-page SEO structure for a [business and category] website. Commercial keywords: [list]. Informational keywords: [list]. Map keywords to pages, suggest an H1 and title for each priority page, an internal linking plan, the content type that fits each intent and useful structural elements such as FAQs, schema and breadcrumbs. Prioritise by opportunity.

19. Titles and meta descriptions

Write a title tag under 60 characters and a meta description under 155 characters for each of these pages: [list page, keyword and purpose]. Make each one specific and click-worthy without clickbait.

20. Conversion rate audit

Act as a CRO specialist and audit this page: [describe purpose, layout, copy, CTAs and any data]. Goal: [describe]. Score CTA clarity, social proof, cognitive load, above-the-fold relevance to the traffic source, trust signals and mobile experience from 1 to 5, then give the top 3 barriers with one specific, testable fix each.

21. User flow mapper

Map the user flow for [task, e.g. discovering a product and buying it] on [website]. For each step, describe what the user sees, the action they take, decision points, likely drop-off causes and how design can reduce friction. Include the happy path and two common alternatives, and flag the three highest-friction moments.

Plan SEO alongside the design rather than retrofitting it. For deeper keyword and on-page work, see our Claude prompts for SEO, and for campaigns that drive traffic to the new site, our ChatGPT prompts for marketing.

Seven prompts for presenting work, launching cleanly and improving after go-live. The AI email writer helps with the client emails in between.

22. Client presentation script

Write a script for presenting [design concepts / a redesign / research findings] to [client and decision-makers]. Open with the strategic framework before any visuals, explain the reasoning for each decision before the client reacts, prepare responses to likely objections, and close by steering them toward useful feedback rather than personal preference.

23. Handling client feedback

Here is the client’s feedback on the latest design: [paste]. Sort it into clear changes, vague feedback that needs a follow-up question and requests outside the agreed scope, then draft a friendly reply that confirms next steps.

24. Pre-launch QA checklist

Create a pre-launch checklist for a [site type] built on [platform]: links, forms, redirects from old URLs, analytics, SEO basics, favicons, 404 page, cross-browser and device checks, privacy and cookie notices, and backups.

25. Accessibility check

Review this page design for common accessibility issues — contrast, heading order, alt text, keyboard focus, link text and form labels: [describe or upload]. Explain each issue and fix, and remind me to test with automated tools and a screen reader.

26. Page speed improvement plan

Here are the performance results for our homepage: [paste from a speed testing tool]. Explain the biggest issues in plain language and give a prioritised fix list covering images, fonts, scripts and layout shifts.

27. Post-launch test ideas

The site has been live for [time] with these results: [paste key metrics]. Suggest five A/B tests ranked by likely impact and effort, with a hypothesis, the metric to watch and how long to run each.

28. Client handover guide

Write a simple handover guide for [client] explaining how to edit pages, add blog posts, update images, where logins and backups live, and what to do or who to contact if something breaks.

Clients who understand the rationale give better feedback, so open every presentation with the strategy. To dig into post-launch analytics and test results, see our ChatGPT prompts for data analysis.

Chat Smith gives you ChatGPT alongside Claude, Gemini, Grok and DeepSeek, plus image models, in one app. Run the same homepage copy brief through several AI models and compare how each speaks to the visitor, and save your UX brief, concept framework and presentation prompts as templates for every new project.

The best web design comes from the clearest thinking about who the visitor is and what they need. For prompting technique beyond design, see the main ChatGPT prompts guide.