# Fiche — Les 10 erreurs des débutants Webflow ## 1. Construire sans objectif précis ### Description de l'erreur Créer des sections au hasard sans savoir si le site doit vendre, rassurer, générer des contacts ou montrer un portfolio. ### Pourquoi c'est problématique Le design devient décoratif, les pages s'allongent inutilement et le visiteur ne comprend pas quoi faire. ### La solution correcte Définissez une seule action principale par page et construisez le contenu autour de cette action. ## 2. Oublier le responsive jusqu'à la fin ### Description de l'erreur Designer toute la version desktop avant d'ouvrir les breakpoints tablette et mobile. ### Pourquoi c'est problématique Les corrections de fin de projet prennent deux fois plus de temps et cassent souvent les espacements déjà posés. ### La solution correcte Testez chaque section dès qu'elle est terminée sur desktop, tablette et mobile. ## 3. Multiplier les classes inutiles ### Description de l'erreur Créer une nouvelle classe pour chaque élément, même quand le style existe déjà ailleurs. ### Pourquoi c'est problématique Le projet devient impossible à maintenir, les styles se contredisent et chaque modification prend trop de temps. ### La solution correcte Réutilisez des classes cohérentes pour les titres, boutons, conteneurs et espacements récurrents. ## 4. Mélanger structure et décoration ### Description de l'erreur Utiliser des marges, paddings et wrappers différents sur chaque bloc sans logique de système. ### Pourquoi c'est problématique Le site paraît irrégulier, les alignements bougent selon les pages et les futurs ajouts deviennent laborieux. ### La solution correcte Créez une structure simple avec container, sections, colonnes et espacements standards avant d'ajouter le design. ## 5. Surcharger les animations ### Description de l'erreur Ajouter des effets sur presque tous les éléments pour rendre le site "premium". ### Pourquoi c'est problématique La lecture devient fatigante, le site ralentit et l'impact visuel des animations importantes disparaît. ### La solution correcte Gardez seulement quelques interactions utiles : apparition au scroll, hover CTA, transition légère entre sections. ## 6. Négliger le SEO de base ### Description de l'erreur Publier sans title tag, meta description, slug propre ni hiérarchie de titres. ### Pourquoi c'est problématique Le site est moins lisible pour Google, moins cliquable dans les résultats et plus difficile à comprendre pour l'utilisateur. ### La solution correcte Renseignez les réglages SEO page par page et gardez une structure H1, H2, H3 claire. ## 7. Importer des images trop lourdes ### Description de l'erreur Uploader directement des images brutes de plusieurs Mo sans compression. ### Pourquoi c'est problématique Le site charge lentement, surtout sur mobile, ce qui nuit à l'expérience et aux conversions. ### La solution correcte Redimensionnez, compressez et nommez vos images avant import dans Webflow. ## 8. Créer des formulaires trop longs ### Description de l'erreur Demander trop d'informations dès le premier contact : téléphone, budget détaillé, société, rôle, message long, etc. ### Pourquoi c'est problématique Chaque champ supplémentaire fait baisser le taux de complétion du formulaire. ### La solution correcte Gardez seulement les champs essentiels : nom, email, besoin et message court. ## 9. Négliger les textes et les CTA ### Description de l'erreur Passer du temps sur le visuel mais laisser des textes vagues comme "Bienvenue" ou des boutons "En savoir plus" partout. ### Pourquoi c'est problématique Le visiteur ne comprend ni votre promesse ni l'étape suivante. ### La solution correcte Écrivez des titres orientés bénéfice et des CTA explicites comme "Réserver un appel" ou "Demander un devis". ## 10. Publier sans vraie phase de test ### Description de l'erreur Mettre le site en ligne dès qu'il "a l'air bon" dans le designer. ### Pourquoi c'est problématique Des bugs simples passent en production : liens cassés, images coupées, formulaires non reçus, fautes, débordements mobile. ### La solution correcte Testez le site comme un visiteur réel : navigation, liens, scroll, formulaire, vitesse, affichage mobile et partage social. ## Rappel simple Un bon premier site Webflow n'est pas celui qui fait tout. C'est celui qui est clair, propre, responsive et facile à faire évoluer.