Productividad
Guía de inicio rápido para el diseño de UX y UI web
Kickstart Prompt for Web UX & UI Design
- Probado con:
- GPT-4o
- Eficacia:
- 80/100
- Archivo de prompts
Versión en Español
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.Rellena y ejecuta
Este prompt tiene 5 huecos. Rellénalos y montaremos el prompt final por ti.
Quedan 5 por rellenar
Prompt final
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.- Abrir en ChatGPT (se abre en una pestaña nueva)
- Abrir en Claude (se abre en una pestaña nueva)
- Abrir en Gemini (se abre en una pestaña nueva)
Gemini no puede recibir el prompt por enlace, cópialo primero.
- Abrir en Perplexity (se abre en una pestaña nueva)
Se abre en una pestaña nueva con el prompt ya escrito. Puede que necesites iniciar sesión.
Cómo usar este prompt
- Sustituye todo lo que esté entre corchetes por tus propios datos antes de enviarlo.
- Los resultados varían según el modelo. Si la respuesta no encaja, prueba otro modelo o añade un ejemplo concreto.
- Envía el prompt en un solo mensaje. Dividirlo en varios turnos debilita las instrucciones.