--- name: progress-update-templates description: Templates d'emails de suivi à J3 (preview maquette), J5 (avancement dev) et J7 (livraison finale) --- # Templates d'Emails de Suivi Projet ## Objectif Fournir des templates d'emails professionnels pour les 3 points de contact clés pendant la Phase 2 du développement. Ces emails rassurent le client, maintiennent l'enthousiasme et préparent la livraison finale. ## Principes - **Proactif** : le client ne doit jamais avoir à demander "où en est mon site ?" - **Visuel** : toujours inclure un lien preview ou une capture d'écran - **Transparent** : montrer ce qui est fait et ce qui reste - **Enthousiaste** : transmettre l'excitation du résultat ## Email J3 — Preview Maquettes (Phase 1) Cet email correspond à l'envoi des maquettes et est couvert en détail par le skill **maquette-presentation**. Résumé du contenu : ``` Objet : Vos maquettes sont prêtes ! [Nom du projet] Contenu : - Lien Figma en mode présentation - Walkthrough section par section - Justification des choix de design - Animations prévues pour la Phase 2 - Lien formulaire retours Notion - Deadline pour les retours (J+7) ``` Voir le skill **maquette-presentation** pour le template complet. ## Email J5 — Avancement Développement (Phase 2) **Envoyé à** : Jour 5 du sprint (2e jour de dev), en fin de journée **Contexte** : La hero section et les pages principales sont intégrées ``` Objet : Votre site prend forme ! Preview en ligne — [Nom du projet] Bonjour [Prénom], Votre site prend vie et j'ai hâte de vous montrer l'avancement ! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🖥️ PREVIEW EN LIGNE Votre site est déjà visible en ligne (version de travail) : 👉 [URL Vercel preview — ex: projet-client.vercel.app] ⚠️ Note : c'est une version de travail. Certains éléments sont encore en cours de finalisation (voir détail ci-dessous). ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✅ CE QUI EST EN PLACE ✅ Structure complète du site ✅ Homepage intégrée avec contenu réel ✅ Header / Navigation responsive ✅ Footer ✅ Pages intérieures : [lister les pages faites] ✅ Smooth scroll activé ✅ Premières animations au scroll ✅ Responsive mobile / tablette ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔧 EN COURS / À VENIR (J6-J7) ⏳ Animations avancées (scroll reveals, hover effects) ⏳ Optimisation des images et performance ⏳ SEO technique (meta, sitemap, schema.org) ⏳ Formulaire de contact fonctionnel ⏳ Tests cross-browser (Safari, Firefox, Edge) ⏳ Configuration domaine définitif ⏳ QA finale et corrections ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📅 PROCHAINES ÉTAPES Jour 6 (demain) : Animations complètes + SEO + optimisation Jour 7 ([date]) : QA finale + mise en ligne + livraison Livraison prévue : [date J7] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 💡 UN PREMIER APERÇU En attendant la version finale, voici quelques éléments qui me rendent particulièrement fier de ce projet : • [Point fort 1 — ex: "L'animation de la hero section donne un effet wow immédiat"] • [Point fort 2 — ex: "La version mobile est particulièrement réussie avec le menu en plein écran"] • [Point fort 3 — ex: "Les temps de chargement sont déjà excellents, sous 1.5 seconde"] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ N'hésitez pas à naviguer sur la preview et à me faire part de vos premières impressions ! [Signature] ``` ## Email J7 — Livraison Finale (Phase 2) **Envoyé à** : Jour 7 du sprint, en fin de journée (17h) **Contexte** : Le site est en production, tout est configuré ``` Objet : Votre site est en ligne ! [Nom du projet] — Livraison finale Bonjour [Prénom], C'est le grand jour ! Votre site est officiellement en ligne et je suis vraiment fier du résultat. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🌐 VOTRE SITE EST LIVE 👉 [URL définitive — ex: www.votresite.fr] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📊 SCORES DE PERFORMANCE Votre site a été optimisé pour les meilleurs standards : Performance : [score]/100 ██████████░ Accessibilité : [score]/100 ██████████░ Bonnes pratiques:[score]/100 ██████████░ SEO : [score]/100 ██████████░ (Scores Lighthouse — Google Chrome) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📦 CE QUI A ÉTÉ LIVRÉ ✅ Site web complet en production [Nombre] pages, responsive desktop/tablette/mobile ✅ Animations premium Smooth scroll, reveal au scroll, hover effects, [animations spécifiques au projet] ✅ SEO technique configuré Meta titles & descriptions par page Sitemap.xml automatique robots.txt configuré Schema.org [type si applicable] Open Graph + Twitter Cards ✅ Performance optimisée Images WebP/AVIF optimisées Lazy loading activé Font preloading Code splitting automatique ✅ Infrastructure Hébergement Vercel (CDN mondial) SSL/HTTPS activé Domaine configuré : [domaine] Analytics : [Vercel Analytics / Plausible] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📖 GUIDE D'UTILISATION Vous trouverez en pièce jointe le guide d'utilisation de votre site : - Comment accéder à votre tableau de bord Vercel - Comment modifier du contenu [si CMS] - Comment consulter vos statistiques - FAQ des questions fréquentes 📎 [Guide-utilisation-[projet].pdf] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🛡️ SUPPORT 30 JOURS Votre support technique de 30 jours démarre aujourd'hui. Pendant cette période, je prends en charge : • Les bugs éventuels (corrections gratuites) • Les ajustements mineurs de texte • Les questions techniques • L'accompagnement sur l'utilisation Contactez-moi simplement par email pour toute demande. Date de fin du support inclus : [date J+30] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 💰 SOLDE À RÉGLER Pour finaliser le projet, voici le lien pour le solde de la Phase 2 : 💳 Régler [montant]€ : [lien Stripe solde Phase 2] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🙏 UN GRAND MERCI Merci pour votre confiance tout au long de ce projet ! Si le résultat vous plaît (j'espère !), un petit avis Google ferait toute la différence pour nous : ⭐ [Lien Google Business pour laisser un avis] Et n'oubliez pas : grâce au programme de parrainage, recommandez La Rocket à un contact et recevez 100€ ! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Au plaisir de collaborer à nouveau ! [Signature] ``` ## Email Bonus — Update Intermédiaire (optionnel, J4 ou J6) Pour les clients qui ont besoin de réassurance : ``` Objet : Petit update rapide — [Nom du projet] Bonjour [Prénom], Rapide update sur l'avancement : Aujourd'hui j'ai travaillé sur : • [Tâche 1 réalisée] • [Tâche 2 réalisée] • [Tâche 3 en cours] Demain, au programme : • [Tâche prévue 1] • [Tâche prévue 2] Tout est dans les temps pour la livraison de [date J7]. Bonne soirée ! [Signature] ``` ## Checklist d'Envoi Avant chaque email de suivi, vérifier : ``` □ Le lien preview / site est accessible (pas d'erreur 404/500) □ Le responsive fonctionne (tester sur mobile) □ Pas de "Lorem ipsum" ou placeholder visible □ Les images sont chargées correctement □ Le nom du client et du projet sont corrects □ Les dates mentionnées sont exactes □ Le lien Stripe (si applicable) est fonctionnel □ Les scores Lighthouse sont à jour (J7) ``` ## Personnalisation par Type de Client ### Client Pressé (entrepreneur solo) - Emails courts et factuels - Focus sur les résultats, pas le process - Un seul CTA clair par email ### Client Détaillé (entreprise / comité) - Plus de détails techniques - Captures d'écran annotées - Liste exhaustive de ce qui est fait / à faire ### Client Anxieux (premier site) - Ton rassurant, vocabulaire simple - Expliquer chaque étape sans jargon - Proposer des appels rapides si besoin ## Intégration - J3 : déclenché par **maquette-presentation** (Phase 1) - J5 : déclenché automatiquement à J+2 après début Phase 2 - J7 : déclenché en fin de sprint (cf. **sprint-planning**) - Le J7 prépare le terrain pour **post-delivery-followup** - Le lien de paiement solde vient du **stripe-payment-flow** - L'avis Google et le parrainage sont trackés dans **referral-tracking**