# Checklist — Lancer son premier projet Webflow

## Comment l'utiliser

Cochez chaque étape dans l'ordre. L'objectif n'est pas d'aller vite, mais d'éviter les oublis qui font perdre du temps au moment de publier.

## Phase 1 — Avant de commencer

### 1. Définir l'objectif principal du site
- [ ] Le site a un objectif unique et clair : prise de contact, vente, réservation, portfolio ou génération de leads.

### 2. Identifier l'audience cible
- [ ] Vous savez à qui le site s'adresse, ce que cette audience cherche et ce qui doit la convaincre en moins de 10 secondes.

### 3. Préparer une maquette simple
- [ ] Vous avez au minimum un wireframe ou un croquis des sections principales avant d'ouvrir Webflow.

### 4. Choisir une palette de couleurs courte
- [ ] Vous avez défini 1 couleur principale, 1 couleur d'accent et 2 à 3 couleurs neutres maximum.

### 5. Sélectionner les polices
- [ ] Vous avez choisi une police pour les titres et une pour le texte, lisibles sur desktop comme sur mobile.

## Phase 2 — Construction

### 6. Poser une structure de page logique
- [ ] La page suit une hiérarchie simple : hero, bénéfices, preuve, offre, CTA, footer.

### 7. Construire avec des classes réutilisables
- [ ] Les espacements, boutons, titres et conteneurs utilisent des classes cohérentes au lieu de styles recréés à chaque bloc.

### 8. Vérifier le responsive au fur et à mesure
- [ ] Chaque section est ajustée sur tablette et mobile avant de passer à la suivante.

### 9. Configurer les interactions avec modération
- [ ] Les animations servent la lecture et n'alourdissent ni la compréhension ni les performances.

### 10. Optimiser formulaires et images
- [ ] Les formulaires ont peu de champs, les CTA sont clairs, et chaque image est compressée avant import.

## Phase 3 — Avant publication

### 11. Renseigner le SEO de base
- [ ] Chaque page a un title tag clair et une meta description orientée clic.

### 12. Ajouter les alt text
- [ ] Toutes les images utiles au contenu ont une description alternative pertinente.

### 13. Installer un favicon
- [ ] Le site possède une icône identifiable dans l'onglet du navigateur.

### 14. Tester la version mobile complète
- [ ] Vous avez cliqué, scrollé et rempli le site depuis un vrai téléphone ou au minimum en simulation mobile.

### 15. Contrôler la vitesse
- [ ] Les images lourdes, vidéos inutiles et animations excessives ont été supprimées ou allégées.

## Phase 4 — Publication

### 16. Connecter le domaine
- [ ] Le domaine principal et la redirection `www` sont configurés correctement.

### 17. Vérifier le SSL
- [ ] Le site charge en `https` sans avertissement de sécurité.

### 18. Brancher Google Analytics
- [ ] Le suivi d'audience est installé avant l'arrivée des premiers visiteurs.

### 19. Préparer le partage
- [ ] L'aperçu du lien, le titre social et l'image de partage sont cohérents pour LinkedIn, X et WhatsApp.

### 20. Sauvegarder la version publiée
- [ ] Vous avez effectué un backup, une duplication du projet ou une exportation des éléments essentiels.

## Validation finale

- [ ] Mon site est clair
- [ ] Mon site est responsive
- [ ] Mon site est prêt à être partagé