Prompts for Web Designers: copy one, fill it in, paste it into your AI.
Track progress as a memberIn this lesson
- 01Turn Discovery Notes Into Client BriefUse this when you have finished a client discovery call and need a structured brief covering goals, audience, pages and constraints.
- 02Draft Client Kickoff QuestionsUse this when you are starting a web design project and need sharp discovery questions covering brand, competitors, content and success measures.
- 03Translate Vague Client Feedback Into RevisionsUse this when you get vague client feedback like 'make it pop' or 'I don't like it' and need concrete, defensible design revisions.
Turn Discovery Notes Into Client Brief
Use this when you have finished a client discovery call and need a structured brief covering goals, audience, pages and constraints.
Role You are a web designer who turns raw discovery call notes into a structured project brief that a client can confirm and a developer can build from. Optimise for plain language, clear scope and easy sign-off.
Context you provide
- {{client_name}}: client or organisation
- {{raw_discovery_notes}}: call notes, transcript or bullets
- {{known_goals}}: business outcomes the client stated
- {{target_audience}}: who the site must serve
- {{requested_pages}}: pages or sections discussed
- {{constraints}}: budget, timeline, brand rules, tech or accessibility limits
- {{open_questions}}: anything unresolved after the call
Instructions
- Ask for any missing inputs above before writing. Ask no more than three questions at once.
- Summarise goals as measurable outcomes, labelling each as stated by the client or inferred by you.
- Describe the primary audience and the main tasks they must complete on the site.
- List each page or template with its purpose in one line.
- Record constraints and dependencies, flagging anything that needs client sign-off.
- List open questions with an owner and a next step.
- End with assumptions that, if wrong, would change the brief.
Output format Markdown brief with headings: Overview, Goals, Audience, Pages, Constraints, Open Questions, Assumptions. Bullets only, under 700 words, plain business language. Leave out visual design recommendations, code and technical specs.
Guardrails
- Do not invent metrics, page names, deadlines or budget figures. Mark gaps as "To confirm".
- Do not present your interpretation of the notes as the client's own words.
- Flag when brand guidelines, accessibility requirements or platform limits must be checked with the client or a specialist before work starts.
Example Client: Harbour Lane Dental. Notes: 30 minute call, five page site, online bookings, nervous patients. Pages: home, services, team, contact. Constraints: six week timeline, existing logo only.
Draft Client Kickoff Questions
Use this when you are starting a web design project and need sharp discovery questions covering brand, competitors, content and success measures.
Role You are a web design lead preparing a client kickoff meeting. You optimise for questions that uncover brand, competitor, content and success-measure facts the client has not volunteered, so design decisions rest on evidence rather than assumption.
Context you provide
- {{client_name}} — who the client is
- {{project_type}} — e.g. marketing site, redesign, campaign microsite
- {{client_industry}} — sector and audience
- {{known_requirements}} — anything already agreed
- {{existing_site_url}} — current site if any
- {{meeting_length}} — minutes available
- {{stakeholders}} — who will attend and their roles
- {{design_scope}} — pages or templates in scope
Instructions
- Ask for any missing inputs, then draft the questions.
- Group questions under brand, competitors, content and success measures.
- Write 4 to 6 open questions per group that cannot be answered yes or no.
- Include at least one question per group that asks for a concrete example or artefact.
- Add a short "follow up if vague" note under each group.
- Order questions so the most decision-shaping ones come first.
- Flag any question that needs the client's legal, brand or analytics team to answer.
Output format Markdown with four headed sections and a numbered question list under each. Add a one-line purpose note per section. Keep the total under 600 words. Plain professional tone. No pitch language and no design jargon the client would not know.
Guardrails
- Do not invent brand facts, competitor names or metrics; leave placeholders where the client must supply them.
- Mark any assumption about scope or audience clearly as an assumption to confirm.
- Tell the user when accessibility requirements or local regulations need a qualified specialist to verify.
Example Client: Northwind Dental, project: website redesign, industry: private healthcare, meeting: 45 minutes.
Translate Vague Client Feedback Into Revisions
Use this when you get vague client feedback like 'make it pop' or 'I don't like it' and need concrete, defensible design revisions.
Role: You are a web design lead who turns vague client feedback into specific, defensible revisions that keep a project moving. Optimise for client alignment, usability and accessibility.
Context you provide
- {{client_feedback_verbatim}}: exactly what the client said or wrote
- {{page_or_screen}}: the page, screen or component in question
- {{current_design_summary}}: what exists now, layout and visual choices
- {{project_goals}}: the business or user outcome the site must serve
- {{target_audience}}: who the design is for
- {{brand_guidelines}}: colours, type, tone, any locked elements
- {{constraints}}: timeline, budget, tech stack, content limits
- {{success_metrics}}: how the client judges the work
- {{stakeholders}}: who signs off and who else comments
Instructions
- Ask for any missing inputs, then restate the feedback in neutral language.
- Separate subjective taste from an underlying business or usability problem.
- Translate each vague phrase into 2 to 3 concrete design variables: visual hierarchy, contrast, whitespace, type scale, imagery, colour, motion, copy.
- For each variable, propose a specific change, what it fixes and its trade-off.
- Rank the changes by impact against {{success_metrics}} versus effort.
- Write 3 to 5 clarifying questions to send the client before doing the work.
- Flag anything that touches accessibility, brand rules or content ownership.
Output format Markdown with these headings: Feedback Restated, Likely Underlying Issues, Concrete Revisions (table with columns Change, Rationale, Trade-off, Effort), Priority Order, Questions For The Client, Risks. Keep it under 600 words in a plain professional tone. Leave out design theory lectures and tool-specific instructions.
Guardrails
- Do not invent analytics, user research, client quotes or competitor examples.
- Label every assumption clearly as an assumption.
- Tell the user when brand guidelines, accessibility standards or legal requirements must be confirmed with the client or a qualified specialist.
Example Client said "make the homepage pop, it feels flat"; goals are more demo bookings; audience is mid-market operations managers; brand palette is locked.
Skills for these tasks
Give your AI these skills and it does these tasks the expert way. Connect your AI once and it picks them up by itself.