Redactor de Sitios Web para Fundadores

¿Qué hace Redactor de Sitios Web para Fundadores?

Tu sitio web es lo único que cada posible cliente, inversor y usuario ve, y suele ser lo último que se construye y lo primero por lo que te disculpas. No necesitas empezar desde una página en blanco. El sistema de marca ya decidió cómo se ve y suena, y la presentación ya decidió qué dice. Este skill convierte ambos en un sitio.

Cuándo usarlo

• Necesitas un sitio de marketing o aterrizaje para un producto, un servicio o una herramienta interna.
• Tienes un sitio, pero nadie puede entender qué haces desde la parte superior de la página.
• Tienes trabajo de marca y presentación hecho y quieres que aparezcan en la web.

Entradas

• brand-system.md: principios de voz para el texto, paleta y tipografía para el diseño.
• pitch-narrative.md: el problema, la idea, el producto, la prueba y la petición.
• prd.md si existe, para entender cómo funciona realmente el producto.
• Si falta alguno de los dos primeros, haz cuatro preguntas en su lugar: qué es, para quién es, qué problema soluciona y qué única acción debería tomar un visitante.
• Construye el sitio como un proyecto independiente de Lovable, para que pueda lanzarse antes de que la aplicación esté lista. Si la aplicación ya está activa, la llamada a la acción puede enlazar directamente a ella.

Proceso

1. Nombra al visitante, luego elige la única acción. El visitante del sitio a menudo no es el público de la presentación. Una presentación va a los financiadores, pero el sitio es para los usuarios. Nombra quién realmente llega a la página. Luego decide la única cosa que ese visitante debe hacer: unirse a la lista de espera, agendar una llamada, iniciar una prueba gratuita, abrir la aplicación. Cada sección sirve a esa única acción.
2. Mapea la presentación en cinco secciones. Los visitantes leen en este orden: héroe, hojeo, decisión. Escribe para ese orden.
   • Héroe. Construido a partir de las diapositivas de idea y producto. Un titular que diga qué es y para quién es, un subtítulo que diga por qué es diferente, y el único botón de llamada a la acción.
   • Problema. Construido a partir de la diapositiva del problema. Nombra el dolor en las palabras del usuario, para que el visitante correcto piense "ese soy yo".
   • Cómo funciona. Construido a partir de las diapositivas del producto y de cómo funciona. Tres pasos, cada uno una frase verbal corta más una línea.
   • Prueba. Construido a partir de la diapositiva de tracción: números reales, citas reales, logotipos reales. Si aún no hay ninguno, utiliza un marcador de posición claramente etiquetado, o una nota del fundador sobre por qué construiste esto. Nunca inventes testimonios.
   • CTA (Llamada a la acción). Construido a partir de la petición. Repite la única acción, responde a la objeción más probable que pueda detener a alguien y mantén el texto del botón idéntico al del héroe.
3. Escribe el texto en la voz de la marca. Titulares de 8 palabras o menos. Frases cortas. Verifica cada sección con los cuatro principios de voz antes de continuar.
4. Acompaña cada sección con indicaciones de diseño. Qué va dónde, qué es grande, qué color de la marca lo lleva y qué imagen o captura de pantalla va allí. Lo suficientemente específico para que un constructor no tenga que adivinar.
5. Escribe un prompt de Lovable por sección. Cada prompt se pega uno a la vez. El primero configura la página. Consulta references/site-copy-template.md.
6. Escribe los básicos de búsqueda. Un título de página de 60 caracteres o menos, una meta descripción de 155 caracteres o menos, y texto para compartir en redes sociales, más un prompt de Lovable que los configure.
7. Realiza la prueba de los cinco segundos. Lee solo el héroe. ¿Sabría un desconocido qué es, para quién es y qué hacer a continuación? Si no, reescribe el héroe antes que cualquier otra cosa.
8. Guarda site-copy.md, terminando con la lista de verificación de lanzamiento.

Salida

• site-copy.md: la única acción, cinco secciones (propósito, texto, indicación de diseño, prompt de Lovable), básicos de búsqueda y la lista de verificación de lanzamiento.

Lista de verificación de lanzamiento (siempre incluida)

• El héroe pasa la prueba de los cinco segundos.
• Una única llamada a la acción, con las mismas palabras dondequiera que aparezca, y funciona (envíe el formulario usted mismo).
• Título de página, meta descripción, favicon e imagen para compartir en redes sociales configurados. Antes de que haya un logotipo, la inicial del producto en el color primario funciona como favicon.
• Dominio personalizado conectado en la configuración de dominio del constructor.
• Analítica activada, para que puedas ver visitas y clics en la CTA.
• Verificado en un teléfono, de arriba a abajo.
• No hay texto de marcador de posición ni pruebas falsas en la página.

Barreras de seguridad

• Una única acción. Sin un botón secundario de "más información" que compita con el botón principal.
• Sin pruebas falsas. Los marcadores de posición están etiquetados como tales y deben desaparecer antes del lanzamiento.
• Reutiliza, no reinventes. Si la presentación y la marca ya lo dicen bien, usa esas palabras.
• Lo específico vence a lo ingenioso. "Reservas y rutas para peluqueros móviles individuales" vence a "Peluquería, reinventada."

Relacionados

Lee brand-system.md (brand-identity-builder), pitch-narrative.md (pitch-narrative-architect) y prd.md (vibe-coding-prd). Juntos, estos cuatro skills cubren marca, presentación, producto y sitio.