36
SITIOS WEB
Intermedio
Alumnos
Diseñar la primera pantalla, que es la que decide
Definí qué se ve antes de bajar: en esos segundos se decide si alguien sigue leyendo o se va.
Qué problema resuelve
La primera pantalla suele tener el logo grande, el nombre del proyecto y una foto decorativa. Al bajar recién aparece de qué se trata. Para entonces, buena parte de quien entró ya se fue.
Cómo funciona
- Definí qué querés que entienda alguien en cinco segundos
- Pedí varias propuestas de primera pantalla
- Elegí la que responda qué es y para quién
- Probala con alguien que no sepa nada del proyecto
- Preguntale qué entendió, no si le gustó
Prompt recomendado
Copiá y pegá en tu herramienta de IA
Necesito diseñar la primera pantalla del sitio de mi proyecto, lo que se ve sin bajar. Proyecto: [DESCRIBIR] Qué quiero que entienda alguien en 5 segundos: [UNA FRASE] Qué tengo para mostrar ahí: [FOTO PROPIA / GRÁFICO / DATO FUERTE / VIDEO] Quién entra: [PÚBLICO] Qué quiero que haga después: [BAJAR, VER EL DOCUMENTO, CONTACTARNOS] Dame tres propuestas distintas de primera pantalla: 1. Una centrada en un titular fuerte 2. Una centrada en un dato o una cifra que sorprenda 3. Una centrada en una imagen propia con poco texto encima Para cada una: - El titular exacto, máximo 10 palabras, que diga qué es y para quién - Una línea de apoyo, máximo 20 palabras - Qué elemento visual la acompaña - Qué botón o acción va y a dónde lleva - Qué se ve del contenido siguiente, para invitar a bajar Condiciones: - El titular NO puede ser el nombre del proyecto: tiene que decir qué es - Nada de frases vacías - Que funcione también en la pantalla de un celular Al final: cómo probar cuál funciona mejor con gente real.
Ajustá el prompt a tu contexto: cuanto más específico seas, mejor será el resultado.
Ejemplo práctico
La primera pantalla decía solo el nombre del proyecto. La reemplazaron por un titular que decía qué resolvía y para quién, y la gente empezó a bajar en vez de irse.
Consejos
- El nombre del proyecto no explica nada: el titular tiene que decir qué es
- Que asome el contenido siguiente invita a bajar más que una flecha
- Probala mostrándosela a alguien 5 segundos y preguntándole qué entendió