Comment choisir entre faire un CMS et utiliser un template sur Webflow ?

Il arrive régulièrement que nous devions avoir sur notre site des pages qui se ressemblent, voire ont le même modèle. Mais quelle est la meilleure manière de faire ?

Par

Camille

10

mins de lecture

Sommaire

Partager

Dans l'univers de la création de sites Web, la question de choisir entre un système de gestion de contenu (CMS) et une construction non-CMS est cruciale, notamment pour les pages de projets. Pour simplifier, un CMS dans l'environnement Webflow est une fonctionnalité de base de données qui vous permet de créer de nouvelles pages en remplissant simplement un formulaire, selon une structure spécifique.

L'efficacité du CMS

L'utilisation d'un CMS est particulièrement avantageuse pour gérer des éléments tels que les blogs, les études de cas, les services ou les portfolios.

A la création

Créer de nouvelles pages est extrêmement rapide : intégrer votre contenu dans Webflow peut prendre à peine cinq minutes et ne demande aucune compétences techniques puisqu'il s'agit de remplir un formulaire et votre page sera automatiquement créée.

Petit inception pour l'occasion, mais voici exactement ce que je vois sur mon écran au moment de rédiger cet article. Et à la fin, il ressemblera à ce que vous lisez 😁

A noter que depuis une récente mise à jour, pour ceux qui préfèrent avoir un rendu en direct de l'apparence de leurs contenus, il est possible de modifier les contenus directement sur la page, rendant l'expérience encore plus naturelle 😁

A la modification

Cette méthode facilite les modifications futures : si vous souhaitez changer la mise en page de votre blog, vous le faites une fois et toutes vos pages se mettent à jour automatiquement

Et c'est global !

Le CMS agit comme une "source de données synchronisée", ce qui facilite grandement la liste de toutes vos pages.

Que ce soit dans le pied de page, les menus de navigation ou les pages de listing (comme l'accueil de votre blog), votre nouveau contenu sera partout d'un coup, sans avoir à l'ajouter manuellement à chaque endroit

Les limites du CMS

Tout n'est pas tout rose, donc forcément, il y a une limite !

Ce qui fait sa force est aussi sa faiblesse.

Le CMS impose une structure commune pour toutes les pages, ce qui signifie que le contenu change, mais pas la structure elle-même.

Par exemple, si le titre apparaît au-dessus de l'image, cela sera le cas sur toutes les pages.

Des mises à jour récentes offrent plus de flexibilité, mais il est important de garder à l'esprit que certaines limitations subsistent sur les altérations des structures et que si on peut aller très loin, il sera souvent plus fastidieux de créer un nouveau contenu en gérant ces petites variations ✨

Si vous avez vous demandez si vos altérations sont possibles ou non avec un CMS, contactez-nous 😉

Et dans un monde sans CMS, ça ressemble à quoi ?

Si vous choisissez de ne pas utiliser le CMS, vous devrez dupliquer une page modèle et modifier le contenu pour chacune d'elles.

Bien que ce processus puisse être presque invisible grâce à un bon système de composants, il reste plus long que l'utilisation d'un CMS, surtout si vous devez lister les pages à plusieurs endroits et ajouter chaque nouvelle page à tous ces endroits.

Les petites fonctionnalités ajoutées

Il y a plusieurs petites fonctionnalités que le CMS permet et qui ne sont pas aussi simple avec des pages statiques, comme la programmation de mise en ligne (j'écris cet article le 10 juillet, il sera publié dimanche 14 juillet, pendant que je serais tranquillement en train de faire autre chose 🤓)

Le CMS de Webflow est aussi très lié à son API.

💡 Grossièrement l'API Webflow permet de faire des actions sur votre site sans passer par les interfaces, très utile pour les automatisations et autres petites pépites avancées

Dès que nous avons besoin de pouvoir créer des contenus depuis d'autre outils (comme en faisant une synchronisation avec Notion) ou que nous avons besoin de pouvoir les récupérer depuis des serveurs pour le sécuriser (comme dans le cas de la création d'un LMS sur mesure) il est nécessaire de passer par cette "base de données" mise en place par Webflow.

Disons que sinon, ce serait comme aller chercher des documents Word avec des tableaux plutôt que d'avoir un Excel 😁

Le plan financier

Si vous n'arrivez pas à vous décider avec les éléments détaillés au dessus, peut-être que regarder la question des coûts pourra vous aider.

Opter pour un CMS augmentera également le coût de votre abonnement à Webflow d'environ 9 $ par mois, nécessitant un passage au plan CMS au lieu du plan de base.

Notre expérience en tant qu'utilisateurs

Ayant notre propre site sur Webflow (nous sommes fidèles) nous avons évidemment eut ce dilemme aussi.

Sur notre site, celui sur lequel vous vous trouvez, nous avions initialement décidé de ne pas utiliser le CMS pour le portfolio, le blog et les services

Nous pensions ainsi avoir plus de liberté et pouvoir créer une expérience spécifique pour chacune des pages.

Mais nous nous sommes retrouvés à ne jamais ajouter de nouveaux contenus, car c'était trop pénible de les ajouter à chaque endroit, de vérifier que tous les liens fonctionnaient et que toutes les images étaient identiques sur les pages et les cartes.

Et maintenant... nous avons opté pour un CMS 🤓

En bref

Le CMS vous offrira :

  • Rapidité dans la création et modification
  • Simplicité dans la création (dans le sens que ce n'est pas technique ou compliqué de créer des contenus, vos designs peuvent être très avancés)
  • Synchronisation sur tout votre site de la liste de contenus
  • Connectivité avec des outils extérieurs

Les pages statiques

  • Rapidité de création (aussi)
  • Plus faible coût
  • Modifications d'un template pour avoir des pages vraiment uniques

Prenez <contact> avec nous

Nous aimons les challenges

//
Contactez-nous
-
-
->
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
5/5

Nos clients vous en parlent

Il faut avouer que nous ne sommes pas très objectifs sur nos prouesses, mais eux... oui !

Les avantages de travailler avec Codelius : réactivité, flexibilité et rigueur.

Mathieu

CEO @ hyffen

L'équipe Codelius est exceptionnelle : professionnelle, très compétente et profondément investie dans la réussite du projet. Leur contribution a été essentielle au développement de notre site. Ils nous ont apporté une vraie valeur, aussi bien dans le prototypage avancé que dans le suivi en production. Nous les considérons vraiment comme une extension de notre équipe.

Juliet Clark

Head of Product, BoxMedia

Travailler avec Codelius et Camille a été une expérience fantastique. Camille est une véritable experte avec une connaissance et une expérience très étendues de Webflow. La collaboration s’est toujours faite d’égal à égal et la communication était simple et agréable. J’ai vraiment apprécié son initiative lorsqu’elle proposait des retours sur les idées de design et sa volonté de mettre en place une structure solide pour les couleurs et les composants derrière le design. J’ai beaucoup appris grâce à notre collaboration et je choisirais Codelius à nouveau sans hésiter.

Isabell H.

Senior Product Designer

Collaborer avec Camille a été très simple. Nous avons travaillé via un Google Doc et WhatsApp, et une seule visioconférence rapide a suffi. J’ai été très satisfait du prix ainsi que de la qualité du site.

Chris Tyler

Founder @ Search Party Capital

Camille est tellement forte que je ne vous la recommanderai pas je veux la garder pour moi tout seul ;p Super fluide, rapide et diablement efficace. Clairement au-dessus des mes attentes et brief parfaitement cerné avec finalement peu d'éléments. Une pépite !

Basptiste W.

CEO @ uRoot

[...] Codelius a su répondre à ce besoin, en nous offrant des résultats rapides et propres. Lorsque nous avons eut des besoins un peu plus poussés, [...] ils ont su aller au-delà de la technologie pour créer une solution custom ! Ils sont restés présents et disponibles pour répondre à nos questions et nous aider à prendre en main le tout !

Grégoire G.

CEO @ Albert School

Du design au développement, le rendu est celui voulu, et c'est vraiment très beau. On est ravis du projet. Côté dev pour - mise en place du design, Camille a été superbe de patience et de flexibilité pour s'assurer que j'obtienne, au pixel près, le résultat désiré. Chapeau Camille !

Jeff

Manager @ Relookitchen

Camille est la personne qu’il vous faut pour vos projets webflow, airtable et autres outils nocode. Elle est professionnelle, à l’écoute et réalise un travail de grande qualité. Je recommande sans hésitation !

Sébastien P.

Gérant @ Magicien Professionnel

Camille et l’équipe Codelius ont livré exactement ce dont nous avions besoin, dans les délais — ce fut un plaisir de travailler avec elle et nous avons hâte de retravailler avec eux à l’avenir.

Tessa

Co-Founder @ Pipeline Solution

Travailler avec l’agence Codelius et Camille a rendu l’IT agréable, pas stressant. Elle a cette combinaison unique de compréhension du design global, d’apports expérimentés, de touche artistique française et de capacité à mettre en œuvre des solutions personnalisées de bas niveau. À la fin du projet, j’aurais aimé qu’elle soit une collègue. J’espère retravailler avec elle un jour.

Adam M.

Operations Manager & BI Analyst @ Nordlux Australia

Nous sommes certifiés experts par Webflow eux-même depuis 2020. Il s’agit de notre outil de prédilection, avec Webflow nous pouvons faire des merveilles !

Nos développements Webflows prennent majoritairement leurs base depuis une maquette Figma. Elle permet à nos clients de valider un design avant de le concevoir.

Nous sommes partenaires d’une agence de webdesign pour combiner nos savoirs-faire et proposer à nos clients la meilleure option pour leurs projets les plus fous.

Pourquoi ?
Comment ?

Vos questions, nos réponses

Pourquoi ne pas simplement créer une application avec un “AI builder” ?

L’IA et les AI builders ne sont pas des solutions miracles. Ce sont des outils. Puissants, certes, mais des outils malgré tout.
Chez Codelius, nous les utilisons quotidiennement — non pas comme des solutions “tout-en-un”, mais comme des accélérateurs.

Si vous souhaitez une application fiable, évolutive et réellement adaptée à votre activité, des mains humaines restent indispensables.
L’IA peut générer des idées, des ébauches ou des composants, mais elle ne remplace ni une architecture réfléchie, ni des choix UX cohérents, ni une rigueur technique, ni un accompagnement dans la durée.

En résumé : l’IA accélère la création, mais seule l’expertise humaine garantit un produit durable.
Nous combinons les deux — jamais l’un au détriment de l’autre.

Êtes-vous des experts certifiés Webflow ?

Oui. Notre équipe est officiellement certifiée experte par Webflow depuis début 2022.

Nous nous tenons en permanence informés des meilleures pratiques, des nouvelles fonctionnalités et des évolutions de la plateforme.
Cela nous permet de livrer des projets fiables et évolutifs, ainsi que de proposer des sessions de formation basées sur les connaissances Webflow les plus récentes et les plus exigeantes.

Combien de personnes travaillent chez Codelius ?

Nous sommes actuellement une équipe de trois experts Webflow, chacun avec ses propres spécialisations : développement sur mesure, design et gestion de projet.
Lorsque c’est nécessaire, nous collaborons également avec un réseau restreint d’agences partenaires et de freelances de confiance, afin de répondre à des besoins techniques spécifiques ou à des périodes de forte demande.

Votre expérience, elle, reste toujours simple et fluide : vous disposez d’un interlocuteur unique dédié, et nous nous chargeons de tout le reste en coulisses.

Combien de temps dure le développement ?

Cela dépend de l’ampleur de votre projet : nombre de pages, niveau de complexité, animations, fonctionnalités avancées, ou encore les éléments que vous pouvez fournir (maquettes, images, guidelines, etc.).

Mais comme « ça dépend » n’est jamais une réponse satisfaisante, voici des délais réalistes basés sur les types de projets que nous réalisons.

• Site Web avec maquettes fournies
À partir de 15 jours de développement.

• Site Web conçu avec un design assisté par IA
À partir de 3 semaines (design + développement).

• Site Web avec design professionnel sur mesure
(Conçu par une agence partenaire)
À partir de 1 mois (design + développement).

• Application Webflow (comptes utilisateurs, fonctionnalités custom)
À partir de 1 semaine lorsqu’elle est construite sur un site existant.
Des fonctionnalités plus avancées peuvent étendre le délai à plusieurs mois.

• Applications natives ou applications React complexes
Conçues et développées entièrement sur mesure.
Les délais sont établis au cas par cas, mais dépassent rarement 3 mois entre la conception initiale et la mise en production.

Chaque projet a ses particularités.
La manière la plus fiable d’obtenir un délai précis est de nous expliquer ce que vous souhaitez construire : nous vous fournirons alors un planning clair, réaliste et adapté à votre ambition.