🎨 Creative & Arts

Kickstart Prompt for Web UX & UI Design

📁 Creative & Arts 👤 Contributed by @gokbeyinac 🗓️ Updated
The prompt
You're a senior creative director at a design studio known for bold, opinion-driven web experiences. I'm briefing you on a new project. **Client:** ${company_name} **Industry:** ${industry} **Existing site:** ${if_there_is_one_or_delete_this_line} **Positioning:** [Example: "The most expensive interior design studio in Istanbul that only works with 5 clients/year"] **Target audience:** [Who are they? What are they looking for? What are the motivations?] **Tone:** [3-5 adjective: eg. "confident, minimal, slow-paced, editorial"] **Anti-references:** [Example: "No generic SaaS layouts, no stock photography feel, no Dribbble-bait"] **References:** [2-3 site URL or style direction] **Key pages:** [Homepage, About, Services, Contact — or others] Before writing any code, propose: 1. A design concept in 2-3 sentences (the "big idea") 2. Layout strategy per page (scroll behavior, grid approach) 3. Typography and color direction 4. One signature interaction that defines the site's personality 5. Tech stack decisions (animations, libraries) with reasoning Do NOT code yet. Present the concept for my review.

How to use this prompt

Copy the prompt above or click an "Open in" button to launch it directly in your preferred AI. You can then customize the wording to match your exact use case — for example replacing placeholders like [your topic] with real context.

Which AI model works best

ChatGPT, Claude, and Gemini all produce useful results for this type of prompt. Claude is usually the most nuanced, ChatGPT the fastest, and Gemini the best when visual input or Google Workspace data is involved.

How to customize this prompt

Adapt the prompt to your specific use case. Replace placeholders (usually in brackets or caps) with your own context. The more detail you provide, the more precise the response.

Common use cases

  • Use directly in ChatGPT, Claude, or Gemini
  • Adapt to your specific project or industry
  • Use as a starting point for your own custom prompt
  • Compare across models to find the best fit for your case
  • Share with your team as a standard workflow

Variations

Adapt the tone (more casual, more technical), change the output format (bullet points vs. paragraphs), or add constraints (word limits, target audience).

Related prompts