Rédacteur de site web fondateur

Que fait Rédacteur de site web fondateur ?

Votre site web est la seule chose que chaque prospect, investisseur et utilisateur voit, et c'est généralement la dernière chose construite et la première dont on s'excuse. Vous n'avez pas besoin de partir d'une page blanche. Le système de marque a déjà décidé de son apparence et de son ton, et le discours a déjà décidé de son contenu. Ce skill transforme les deux en un site.

Quand l'utiliser

• Vous avez besoin d'un site marketing ou d'une landing page pour un produit, un service ou un outil interne.
• Vous avez un site, mais personne ne peut dire ce que vous faites depuis le haut de la page.
• Vous avez déjà travaillé sur votre marque et votre discours et souhaitez les voir apparaître sur le web.

Entrées

• brand-system.md : principes vocaux pour le texte, palette et typographie pour la mise en page.
• pitch-narrative.md : le problème, l'insight, le produit, la preuve et la demande.
• prd.md s'il existe, pour le fonctionnement réel du produit.
• Si l'un des deux premiers manque, posez plutôt quatre questions : de quoi s'agit-il, à qui cela s'adresse-t-il, quel problème cela résout-il, et quelle est l'unique action que le visiteur doit entreprendre.
• Construisez le site dans son propre projet Lovable, afin qu'il puisse être lancé avant que l'application ne soit prête. Si l'application est en ligne, le CTA peut y renvoyer directement.

Processus

1. Nommez le visiteur, puis choisissez l'action unique. Le visiteur du site n'est souvent pas le public du discours. Un discours s'adresse aux financeurs, mais le site est pour les utilisateurs. Nommez qui arrive réellement sur la page. Décidez ensuite de l'unique chose que ce visiteur doit faire : rejoindre la liste d'attente, réserver un appel, démarrer un essai, ouvrir l'application. Chaque section sert cette action unique.
2. Cartographiez le discours en cinq sections. Les visiteurs lisent dans cet ordre : héroïne, survol, décision. Écrivez pour cet ordre.
   • Hero. Construite à partir des slides d'insight et de produit. Un titre qui dit ce que c'est et à qui cela s'adresse, un sous-titre qui dit en quoi c'est différent, et le seul bouton CTA.
   • Problème. Construite à partir de la slide problème. Nommez la douleur dans les mots de l'utilisateur, afin que le bon visiteur pense « c'est moi ».
   • Fonctionnement. Construite à partir des slides produit et fonctionnement. Trois étapes, chacune avec une courte phrase verbale et une ligne.
   • Preuve. Construite à partir de la slide traction : des chiffres réels, des citations réelles, des logos réels. S'il n'y en a pas encore, utilisez un espace réservé clairement marqué, ou une note du fondateur expliquant pourquoi vous avez construit cela. N'inventez jamais de témoignages.
   • CTA. Construite à partir de la demande. Répétez l'action unique, répondez à l'objection la plus susceptible d'arrêter quelqu'un, et gardez le texte du bouton identique à celui du Hero.
3. Écrivez le texte dans la voix de la marque. Titres de 8 mots ou moins. Phrases courtes. Vérifiez chaque section par rapport aux quatre principes vocaux avant de passer à la suivante.
4. Associez des directives de mise en page à chaque section. Ce qui va où, ce qui est grand, quelle couleur de marque le porte, et quelle image ou capture d'écran va là. Assez spécifique pour qu'un constructeur n'ait pas à deviner.
5. Rédigez un prompt Lovable par section. Chaque prompt est collé un par un. Le premier configure la page. Voir references/site-copy-template.md.
6. Rédigez les bases du référencement. Un titre de page de 60 caractères ou moins, une méta-description de 155 caractères ou moins, et un texte de partage social, plus un prompt Lovable qui les définit.
7. Effectuez le test des cinq secondes. Lisez uniquement le Hero. Un étranger saurait-il ce que c'est, à qui cela s'adresse et quoi faire ensuite ? Sinon, réécrivez le Hero avant toute autre chose.
8. Enregistrez site-copy.md, en terminant par la checklist de lancement.

Sortie

• site-copy.md : l'action unique, cinq sections (but, texte, directive de mise en page, prompt Lovable), les bases du référencement et la checklist de lancement.

Checklist de lancement (toujours incluse)

• Le Hero réussit le test des cinq secondes.
• Un seul CTA, avec les mêmes mots partout où il apparaît, et il fonctionne (soumettez le formulaire vous-même).
• Titre de la page, méta-description, favicon et image de partage social définis. Avant qu'il n'y ait un logo, l'initiale du produit dans la couleur primaire fait office de favicon.
• Domaine personnalisé connecté dans les paramètres de domaine du constructeur.
• Analytics activés, afin que vous puissiez voir les visites et les clics sur le CTA.
• Vérifié sur un téléphone, de haut en bas.
• Aucun texte d'espace réservé ou fausse preuve laissé sur la page.

Garde-fous

• Action unique. Pas de bouton « en savoir plus » secondaire en concurrence avec le bouton principal.
• Pas de fausse preuve. Les espaces réservés sont étiquetés comme tels et doivent disparaître au lancement.
• Réutilisez, ne réinventez pas. Si le discours et la marque le disent déjà bien, utilisez ces mots.
• La spécificité bat l'intelligence. « Réservations et itinéraires pour toiletteurs mobiles solo » bat « Toilettage, réinventé. »

Lié

Lit brand-system.md (brand-identity-builder), pitch-narrative.md (pitch-narrative-architect), et prd.md (vibe-coding-prd). Ensemble, ces quatre skills couvrent la marque, le discours, le produit et le site.