Ce que vous saurez faire à la fin
- Comprendre la philosophie et la cible de Webflow, WordPress et Framer
- Comparer les coûts réels d’hébergement et de licences en FCFA pour une PME sénégalaise
- Évaluer la courbe d’apprentissage de chaque outil pour un designer ou un freelance à Dakar
- Choisir la bonne plateforme selon le type de projet (vitrine, e-commerce, blog, landing)
- Estimer la maintenance annuelle et la dépendance à un développeur
- Préparer une migration future entre plateformes sans perdre le SEO
Durée : 4h. Pré-requis : avoir un projet web concret en tête (vitrine PME, boutique, portfolio), comprendre les bases du HTML/CSS, disposer d’un budget mensuel d’au moins 8 000 FCFA pour l’hébergement, savoir ce qu’est un nom de domaine, avoir une connexion internet stable pour tester chaque plateforme en mode essai gratuit.
Étape 1 — Poser le bon cadre de comparaison
Beaucoup de freelances comparent ces outils sur des critères secondaires (animations, templates) et oublient les vrais axes décisifs. Avant tout test, classez votre projet sur cinq dimensions claires : type de site, besoin de blog, besoin e-commerce, fréquence de mise à jour par le client, et budget mensuel acceptable. Sans ce cadre, vous allez tomber amoureux d’une démo Framer et créer un site que votre client PME ne pourra jamais maintenir.
GRILLE DE QUALIFICATION PROJET WEB
1. Type principal : vitrine, blog, e-commerce, landing produit, portfolio
2. Nombre de pages prévues : < 10, 10 à 50, 50+
3. Le client mettra-t-il à jour seul ? Oui / Non
4. Besoin animations avancées : Non / Léger / Showcase
5. Budget mensuel hébergement + outils : < 5 000 FCFA, 5 à 20 000, 20 000+
6. Délai de livraison souhaité : 1 semaine, 1 mois, 3 mois
Étape 2 — Comprendre la philosophie de WordPress
WordPress propulse environ 43 % du web mondial. C’est un CMS open source que vous installez sur votre propre hébergement (cPanel, Plesk, ou hébergeur managé). Sa force est l’écosystème : plus de 60 000 plugins gratuits, des milliers de thèmes, et une communauté francophone très active. Sa faiblesse est la maintenance : mises à jour, sécurité, sauvegardes, et performance dépendent de vous ou d’un mainteneur. Pour un blog de PME sénégalaise qui publie 3 articles par semaine, WordPress reste imbattable.
Hébergement type au Sénégal : un mutualisé chez Sonatel Cloud, OVH Web Cloud ou Hostinger coûte entre 4 000 et 12 000 FCFA par mois pour un trafic raisonnable. Un VPS débute à 25 000 FCFA par mois.
Étape 3 — Comprendre la philosophie de Webflow
Webflow est un constructeur visuel SaaS qui génère du HTML, CSS et JavaScript propres. Vous n’installez rien : tout se passe sur webflow.com. Son canvas reproduit fidèlement la boîte CSS, ce qui en fait l’outil préféré des designers qui connaissent flexbox et grid. Le CMS intégré permet aux clients de mettre à jour textes et images sans toucher au design. Sa faiblesse est le prix : les sites sont hébergés chez Webflow et facturés en dollars.
Tarif site CMS de base : environ 23 USD par mois soit ~14 000 FCFA, plus l’abonnement workspace pour le designer (~19 USD/mois). Un site Webflow finit souvent à 40 000 FCFA mensuels minimum quand on additionne tout.
Étape 4 — Comprendre la philosophie de Framer
Framer vient du prototypage Figma et a évolué en outil de publication web. Son canvas est très proche de Figma : si votre équipe design utilise déjà Figma, l’apprentissage prend une journée. Framer excelle pour les landing pages animées, les sites de startup et les portfolios. Le CMS existe mais reste plus jeune que celui de Webflow. Les animations natives (page transitions, scroll effects) sont les plus simples des trois plateformes.
Tarif : plan Mini à 5 USD/mois (~3 200 FCFA) pour un site simple, plan Basic à 15 USD/mois (~9 600 FCFA) pour un domaine personnalisé. Framer reste l’option la moins chère pour démarrer.
Étape 5 — Comparer les courbes d’apprentissage
Le temps que vous mettrez à devenir productif influence directement la rentabilité du projet.
| Plateforme | Temps pour premier site simple | Pré-requis | Difficulté |
|---|---|---|---|
| WordPress + Elementor | 2 à 3 jours | Installation hébergement, notions admin | Moyenne (config + plugins) |
| WordPress + thème custom | 2 à 4 semaines | PHP, HTML/CSS, hooks WP | Élevée |
| Webflow | 1 à 2 semaines | Maîtrise du modèle de boîte CSS, flexbox | Moyenne (concept CSS-as-UI) |
| Framer | 1 à 3 jours | Connaissance de Figma | Faible à moyenne |
Étape 6 — Comparer les coûts annuels totaux en FCFA
Calcul honnête sur 12 mois pour un site vitrine PME avec blog et formulaire de contact, hors développement initial.
COÛT ANNUEL HÉBERGEMENT + LICENCES (FCFA)
WordPress mutualisé Hostinger + Elementor Pro
- Hébergement : 60 000 à 100 000 / an
- Domaine .com : 8 000 / an
- Elementor Pro : ~35 000 / an
- Plugin SEO Rank Math Pro : ~40 000 / an (option)
TOTAL : 105 000 à 185 000 FCFA
Webflow CMS + workspace
- Site CMS : ~170 000 / an
- Workspace Starter : ~140 000 / an
TOTAL : ~310 000 FCFA
Framer Basic
- Plan Basic : ~115 000 / an
- Domaine .com : 8 000 / an
TOTAL : ~123 000 FCFA
Étape 7 — Choisir selon le type de projet
La règle simple : un site vitrine PME au Sénégal qui doit être maintenu par le client lui-même reste plus rentable sur WordPress. Une landing produit animée ou un site de startup va plus vite et plus beau sur Framer. Une agence ou un studio qui livre 10 sites par an avec des designs sur mesure tirera profit de Webflow. Évitez de prendre Webflow pour un blog publié quotidiennement : son éditeur CMS reste lent comparé à Gutenberg.
Étape 8 — Évaluer le besoin e-commerce
WordPress + WooCommerce reste le standard incontesté pour vendre en ligne au Sénégal : intégrations Wave, PayDunya, Orange Money via plugins existants, gestion des taxes sénégalaises (TVA 18 %), gestion multi-vendeurs. Webflow Ecommerce existe mais nécessite Stripe en USD (compliqué en zone CFA). Framer ne fait pas vraiment d’e-commerce structuré : utilisez Snipcart ou Stripe pour quelques produits, pas un catalogue complet.
Étape 9 — Évaluer le besoin de blog SEO
Un blog SEO sérieux exige catégories, tags, sitemap XML, schema markup, redirections 301, et idéalement des extensions comme Yoast ou Rank Math. WordPress domine totalement. Webflow couvre les bases (sitemap, meta tags, redirections) mais l’écosystème SEO reste plus pauvre. Framer s’est amélioré sur les meta tags mais ne propose pas d’équivalent à Rank Math. Pour une stratégie de contenu agressive, restez sur WordPress.
Étape 10 — Évaluer la facilité de mise à jour côté client
C’est souvent le critère décisif. Faites le test suivant avec votre client : créez une page de démo, demandez-lui d’ajouter un paragraphe, de changer une image et de publier. Chronométrez. Sur WordPress avec Gutenberg, un client formé met 5 minutes. Sur Webflow CMS avec l’éditeur, 3 minutes. Sur Framer CMS, 4 minutes. Mais sur WordPress avec Elementor mal configuré, le même client met 30 minutes et casse souvent la mise en page. Préparez l’environnement de votre client, pas seulement le vôtre.
Étape 11 — Évaluer la qualité du code généré et la performance
Lighthouse et PageSpeed Insights restent vos juges. Sur un site bien construit :
| Plateforme | Score Lighthouse perf moyen | Poids HTML moyen | Points faibles |
|---|---|---|---|
| WordPress + Elementor | 55 à 75 | Lourd (plugins JS) | Trop de scripts tiers |
| WordPress + thème custom léger | 85 à 98 | Léger | Demande développeur |
| Webflow | 80 à 95 | Moyen | Webflow.js obligatoire |
| Framer | 75 à 92 | Moyen-lourd | Bundles JS animations |
Étape 12 — Évaluer la dépendance et la portabilité
WordPress est portable : vous exportez la base de données et les fichiers, vous pouvez migrer vers un autre hébergeur en 2 heures. Webflow et Framer sont des silos : vous pouvez exporter le HTML/CSS statique, mais vous perdez le CMS et les fonctions dynamiques. Si votre client risque un jour de reprendre la main techniquement, WordPress reste l’option la plus rassurante. Si vous bâtissez un actif que vous comptez vendre, Webflow ajoute de la valeur perçue chez les acheteurs étrangers.
Étape 13 — Préparer la migration et le SEO
Quel que soit votre choix, préservez l’avenir : configurez Google Search Console dès le départ, mettez en place un fichier sitemap.xml, gardez une liste maître des URLs et de leur statut (200, redirection 301), et exportez vos textes en Markdown ou Google Docs avant publication. Si vous décidez plus tard de passer de Framer à WordPress, vous garderez votre référencement intact grâce aux redirections et au plan d’URLs documenté.
Étape 14 — Construire la grille de décision finale
Synthèse pour décider en 10 minutes avec un client.
RÈGLE DE DÉCISION RAPIDE
Si projet = blog dense + e-commerce + budget serré
=> WordPress + WooCommerce
Si projet = vitrine PME mise à jour par le client
=> WordPress + Elementor OU Webflow CMS
Si projet = landing produit animée + lancement rapide
=> Framer
Si projet = portfolio designer
=> Framer ou Webflow (selon goût visuel)
Si projet = site corporate avec animations premium
=> Webflow
Si client redoute la dépendance technique
=> WordPress (portable, code ouvert)
Erreurs fréquentes
- Choisir Framer pour un blog de 200 articles publiés en français : l’éditeur n’est pas pensé pour la rédaction longue.
- Vendre du Webflow à 800 000 FCFA à un client qui ne pourra pas payer les 310 000 FCFA d’abonnement annuel.
- Installer 25 plugins sur WordPress sans audit de sécurité ni mises à jour mensuelles : votre site sera défacé en 6 mois.
- Comparer les démos marketing au lieu de tester soi-même un projet concret pendant 3 jours sur chaque outil.
- Oublier la facturation en USD : un client PME peut bloquer le paiement Webflow s’il n’a pas de carte internationale.
- Choisir l’outil pour soi-même (designer) plutôt que pour le client qui va maintenir le site.
- Promettre des animations Framer à un client puis devoir migrer vers WordPress pour cause de SEO insuffisant.
- Négliger l’export du contenu : se retrouver prisonnier d’une plateforme parce que le client a écrit 80 articles directement dans l’éditeur.
Checklist avant de signer le devis
- Le type de projet (vitrine, blog, e-commerce, landing) est documenté par écrit.
- Le budget annuel total (hébergement + licences + maintenance) est validé par le client en FCFA.
- Un test de mise à jour par le client a été fait sur la plateforme choisie.
- Le moyen de paiement de l’abonnement (FCFA, USD, virement) est confirmé.
- La stratégie SEO et le besoin de blog sont documentés.
- Le besoin e-commerce est qualifié (catalogue, paiement mobile money, livraison).
- Le mainteneur du site (vous, le client, un freelance) est nommé.
- Un plan de portabilité (export, sauvegarde mensuelle) est défini.
- Un score Lighthouse cible (par exemple 85 minimum) est inscrit dans le contrat.
- Une formation de 2h est prévue pour le client final.