Design a Website with ChatGPT

Define purpose and audience first

Every design decision follows from two answers: what should a visitor do, and who is the visitor. A site for booking a service needs a clear enquiry route on every page. A site for explaining a product needs plain explanations before detail. Write those answers down before asking ChatGPT for anything, and put them in every prompt that follows, so the design stays aimed at the same goal.

Ask ChatGPT to challenge your answers: who else might visit, what might they misunderstand, and what action matters most on each page. A short discussion at this stage prevents the most common design problem, which is a site that looks finished but leaves visitors unsure what to do next.

Plan the pages and the journey

Start with a sitemap: a short list of pages, each with one purpose. A small business site often needs only a homepage, a services or products page, an about page, and a contact page. Ask ChatGPT to draft that list from your purpose and audience, then cut anything that does not serve a visitor. Fewer, clearer pages beat a large site nobody navigates.

For each page, plan the journey in order: what the visitor sees first, what convinces them, and what they do next. The top of a page should state what you offer and for whom, in one or two lines. Detail, proof, and background come after. If a page cannot be summarised in that order, its structure needs work before its wording does.

Write the copy before polishing the look

Good website copy is plain and specific. Ask ChatGPT to draft each section from facts you supply: what you offer, who it is for, what it costs or how pricing works, and how to get started. Supply the facts yourself, because ChatGPT cannot know your prices, locations, or services. Then edit for accuracy and tone, cutting anything vague or boastful.

Write homepage copy for a small accounting service for freelancers.
Facts: based in one city, monthly bookkeeping from a fixed fee, first consultation free, contact by email or phone.
Sections: one headline stating the offer, two sentences on who it is for, three short service points, and one clear next step.
Tone: plain, factual, no sales language, no claims I have not given you.

Read the draft as a visitor. If a sentence could belong to any business, it is too generic; replace it with a fact about yours. Repeat for each page until the whole site says something only your business could say.

Describe the layout section by section

ChatGPT can describe a layout in words a builder can follow: the order of sections, what each section contains, and where the call to action sits. Work through one page at a time, section by section, and ask for alternatives when a section feels weak. Keep calls to action consistent: one main action per page, repeated in the same words, so visitors always know the next step.

Think about phones from the start. Most visitors will arrive on a small screen, so the top of the page must work without scrolling far, text must be short, and buttons must be easy to tap. If a section only makes sense on a wide screen, simplify it rather than keeping it.

Review, test, and hand over a clear brief

Review the design as a visitor, not as its author. Can you state what the business offers within five seconds of landing? Can you find how to contact them without hunting? Does every link lead somewhere real? Ask someone else to try it and watch where they hesitate; hesitation is the most useful design feedback there is.

If someone else will build the site, hand over a brief: the sitemap, the copy for each page, the section order, and the call to action. A clear brief means the builder spends time building, not guessing what you meant. Keep the brief with the site so later changes stay consistent with the original design.

Frequently asked questions