UI/UX DesignThrive Editorial

30 prompts de IA para diseñar páginas de destino

Una página de destino debe ayudar al visitante a entender una oferta y elegir el siguiente paso. Estos prompts definen el público, las pruebas que respaldan la oferta y la estructura adaptable antes del acabado visual.

15 min de lectura
Una diseñadora organiza el esquema de una página de destino con una zona de acción naranja.

La versión breve

  • Una página de destino debe ayudar al visitante a entender una oferta y elegir el siguiente paso. Estos prompts definen el público, las pruebas que respaldan la oferta y la estructura adaptable antes del acabado visual.
  • Las pantallas generadas son un punto de partida. Pruébalas con contenido real, teclado, pantallas pequeñas y las personas que deban usarlas. Un acabado visual cuidado no demuestra que sean fáciles de utilizar.

Una página de destino debe ayudar al visitante a entender una oferta y elegir el siguiente paso. Estos prompts definen el público, las pruebas que respaldan la oferta y la estructura adaptable antes del acabado visual.

Las pantallas generadas son un punto de partida. Pruébalas con contenido real, teclado, pantallas pequeñas y las personas que deban usarlas. Un acabado visual cuidado no demuestra que sean fáciles de utilizar.

Cómo usar esta colección

Elige la tarea más parecida a tu trabajo. Copia el prompt, sustituye la escena o el contexto de código genérico por tus datos y conserva las restricciones que te permitan evaluar el resultado. Cambia una variable cada vez para saber qué ha mejorado.

El método sigue la Guía de First Draft de Figma: aporta contexto concreto y revisa el resultado, sin dar por correcta una primera respuesta bien presentada.

Prompts de análisis de la tarea

Para los prompts de análisis de la tarea, indica quién es el usuario y qué decisión debe facilitar la pantalla.

1. El lanzamiento de una API para desarrolladores

Design a developer API launch for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

2. Una aplicación para aprender idiomas

Design a language-learning app for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

3. Un servicio local de reparación de bicicletas

Design a local bike repair service for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

4. Una suscripción a un boletín

Design a newsletter signup for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

5. Una página de donaciones para una entidad sin ánimo de lucro

Design a nonprofit donation page for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

6. Una plantilla de productividad

Design a productivity template for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

7. Una lista de espera de un curso

Design a course waitlist for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

8. Un portfolio creativo

Design a creative portfolio for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

9. Una cafetería de barrio

Design a neighborhood cafe for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

10. Un producto de análisis B2B

Design a B2B analytics product for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: ¿Puede un usuario nuevo identificar la siguiente acción sin leer una ayuda emergente?

Landing-page interface concept for a language-learning app.

Prompts de diseño de la pantalla principal

Para los prompts de diseño de la pantalla principal, indica quién es el usuario y qué decisión debe facilitar la pantalla.

11. El lanzamiento de una API para desarrolladores

Design a developer API launch for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

12. Una aplicación para aprender idiomas

Design a language-learning app for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

13. Un servicio local de reparación de bicicletas

Design a local bike repair service for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

14. Una suscripción a un boletín

Design a newsletter signup for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

15. Una página de donaciones para una entidad sin ánimo de lucro

Design a nonprofit donation page for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

16. Una plantilla de productividad

Design a productivity template for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

17. Una lista de espera de un curso

Design a course waitlist for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

18. Un portfolio creativo

Design a creative portfolio for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

19. Una cafetería de barrio

Design a neighborhood cafe for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

20. Un producto de análisis B2B

Design a B2B analytics product for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba el diseño en escritorio y en una pantalla móvil de 360 píxeles de ancho.

Three-step design workflow: brief the work, inspect the result, edit and verify.

Prompts de gestión de datos ausentes

Para los prompts de gestión de datos ausentes, indica quién es el usuario y qué decisión debe facilitar la pantalla.

21. El lanzamiento de una API para desarrolladores

Design a developer API launch for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

22. Una aplicación para aprender idiomas

Design a language-learning app for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

23. Un servicio local de reparación de bicicletas

Design a local bike repair service for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

24. Una suscripción a un boletín

Design a newsletter signup for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

25. Una página de donaciones para una entidad sin ánimo de lucro

Design a nonprofit donation page for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

26. Una plantilla de productividad

Design a productivity template for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

27. Una lista de espera de un curso

Design a course waitlist for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

28. Un portfolio creativo

Design a creative portfolio for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

29. Una cafetería de barrio

Design a neighborhood cafe for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

30. Un producto de análisis B2B

Design a B2B analytics product for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.

Revisión: Comprueba que el usuario pueda recuperarse sin perder lo que ha introducido.

Qué comprobar antes de usar el resultado

Las pantallas generadas son un punto de partida. Pruébalas con contenido real, teclado, pantallas pequeñas y las personas que deban usarlas. Un acabado visual cuidado no demuestra que sean fáciles de utilizar.

Si el resultado no resuelve la tarea, acorta el prompt y especifica el dato o la restricción que falta. Guarda la versión utilizada para poder reproducir el recurso final o el cambio de código.

Para seguir leyendo

Continúa con una guía relacionada

Llévalo a la práctica

Tu siguiente paso

¿Tienes una pregunta o una corrección?

Contactar con Thrive

Seguir leyendo

Más artículos del diario

Todos los artículos