Refonte du site web de la Clinique podiatrique Saint-Charles
Proposition 1.1- 26/11/2025
Rédigé par : Anatole Planteur - anatole@wazoom-studio.com
Client : Martin Tranchemontagne - martin_tr_@hotmail.com
Contexte
Un site qui freine votre croissance
La Clinique podiatrique Saint-Charles souhaite moderniser sa présence en ligne afin d'optimiser la performance du site, d'assurer la stabilité de la plateforme et d'augmenter la conversion des visiteurs en rendez-vous. Le site actuel, développé sous Divi par un fournisseur précédent, ne répond plus aux exigences modernes : il est lent, complexe à maintenir et repose sur une architecture vieillissante qui complique autant les mises à jour techniques que les interventions SEO.
Impact direct
Ces contraintes ont un impact direct sur les efforts marketing
La clinique investit dans des campagnes publicitaires, génère du trafic organique grâce à un travail SEO consistant, et mise fortement sur la prise de rendez-vous en ligne. Un site lent, difficile à maintenir ou sujet à des frictions techniques diminue la performance globale, augmente le taux de rebond et entraîne une perte d'opportunités concrètes.
L'objectif est donc de repartir sur des bases saines : un site moderne, rapide, sécurisé, simple à maintenir et conçu pour maximiser les conversions. La clinique souhaite une solution fiable, à jour et durable, afin de ne plus avoir à gérer de problèmes liés à la performance, aux mises à jour ou à la stabilité du site.
Les besoins identifiés
Améliorer la vitesse et la stabilité
Un site rapide, réactif et parfaitement stable est essentiel pour soutenir les campagnes publicitaires, favoriser le référencement et maximiser les prises de rendez-vous.
Augmenter le taux de conversion
L'objectif central est que chaque visiteur trouve l'information rapidement et réserve facilement. La performance du site a un impact direct sur ce taux de conversion.
Plateforme moderne et sécurisée
La clinique veut un site qui fonctionne bien, qui ne génère pas de problèmes techniques, et qui reste conforme aux standards actuels sans nécessiter d'interventions constantes.
Éliminer les limitations de Divi
Le site actuel est lourd, lent et difficile à maintenir, ce qui augmente le temps d'intervention pour les équipes techniques et SEO. Ces contraintes nuisent à toutes les initiatives marketing.
Base durable et facile à maintenir
Une architecture légère et optimisée, sans dépendances lourdes, permettant d'assurer la pérennité du site, d'accélérer les mises à jour et de réduire les coûts de maintenance à long terme.
Approche progressive
Procéder par phases selon le budget disponible. Les priorités seront orientées sur ce qui génère de la valeur rapidement : performance, bases techniques propres, conversion, puis redesign progressif et développement de nouvelles sections.
Une base technique moderne, rapide et pérenne
Le nouveau site sera développé sous WordPress, sans builder lourd, en privilégiant :
01
Gutenberg et un système de blocs personnalisés
L'ensemble du contenu reposera sur des blocs simples, stables et faciles à maintenir. L'objectif est de créer un nombre réduit de blocs, mais suffisamment complets pour couvrir tous les besoins actuels et futurs. Cette approche garantit un site rapide, une grande flexibilité, et une facilité de mise à jour pour toutes les équipes.
02
Une architecture Bedrock + SASS
Le projet sera structuré avec Bedrock afin d'assurer une base technique propre, sécurisée, bien organisée et durable. Le SASS permettra d'obtenir une feuille de style optimisée, performante et facile à faire évoluer. Résultat : un site beaucoup plus rapide, léger, stable et simple à maintenir dans le temps.
03
Aucun élément superflu, aucune surcharge
Contrairement à Divi, qui génère du code lourd, compressé d'animations et difficile à exporter, le nouveau site aura un code propre, clair et 100 % maîtrisé. Cette base améliorera directement la performance, la sécurité et le SEO, tout en facilitant les futures évolutions.
Reprise complète du contenu actuel
La quasi-totalité du contenu actuel est intégrée dans Divi, ce qui signifie qu'il n'existe aucune possibilité d'export fiable ou automatique. Divi encapsule le contenu dans des couches de code propres au builder, ce qui empêche toute migration technique classique.
Concrètement :
- chaque page devra être recréée manuellement dans Gutenberg
- tous les textes, images, sections et structures devront être réimportés proprement
- les mises en page seront réorganisées pour refléter une structure moderne, simple et claire
C'est la partie la plus longue du projet, mais elle est essentielle pour repartir avec un site propre, performant et stable.
Direction artistique et évolution par phases
Compte tenu du budget à respecter, la première phase sera axée sur une apparence moderne, propre et professionnelle, une mise en page claire et structurée, peu d'animations ou d'effets avancés (pour rester dans le budget et préserver la performance), et un design centré sur la lisibilité, la confiance et la conversion. Même avec une Direction artistique limitée, il sera possible de livrer un site très beau, soigné et parfaitement aligné avec l'image de la Clinique.
L’approche par phases permet de sécuriser le budget tout en construisant une base solide :
1
Phase 1 – 2026 (proposée dans ce document)
Reconstruction complète du site, création des blocs Gutenberg personnalisés, migration du contenu, optimisation de la performance et intégration de tous les éléments nécessaires à la prise de rendez-vous. Objectif : un site rapide, propre, moderne, avec une structure que l'on pourra garder pour les prochaines années.
2
Phase 2 – 2027 (optionnelle, à venir)
Une fois la base technique en place, il sera possible d'améliorer la direction artistique, d'ajouter des animations plus riches ou des composantes graphiques avancées, de faire évoluer certains blocs vers des versions plus dynamiques ou plus sophistiquées, et d'intégrer des fonctionnalités supplémentaires au besoin. Comme tout le contenu sera déjà en place et que la structure sera saine, cette évolution pourra se faire beaucoup plus rapidement et à moindre coût.
Approche UI et conception des blocs
Les layouts structurants du site
Le site reposera sur quelques gabarits principaux, pensés pour couvrir tous les besoins actuels :
En-tête et pied de page
Éléments à part entière, conçus comme des blocs distincts. Ils assureront une navigation claire, un accès direct à la prise de rendez-vous et une identité visuelle cohérente sur toutes les pages.
Pages alternatives
Page 404 et page politique de confidentialité.
Gabarits pour le blogue
Le site comportera deux types de templates : un gabarit standard pour la liste des articles de blog et un gabarit pour les pages d'articles individuels.
Ces layouts forment l'ossature du site, autour de laquelle viendront s'ajouter des blocs réutilisables.
Le système de blocs Gutenberg
Afin de remplacer efficacement les constructions actuelles dans Divi et d'assurer une grande stabilité, un ensemble de blocs a été défini. Chaque bloc a été pensé pour être polyvalent, simple à gérer et adapté à de multiples contextes.
Bloc hero
Plusieurs variations possibles : avec image, sans image, alignements différents, version centrée ou version gauche-droite. Ce bloc permettra d'introduire les pages avec un impact visuel maîtrisé.
Bloc call-to-action
Différentes configurations avec ou sans image, permettant de guider l'utilisateur vers la prise de rendez-vous ou d'autres actions clés.
Bloc contenu + image
Un bloc très flexible permettant d'intégrer titres et sous-titres, paragraphes, listes numérotées, éléments de type FAQ intégrés ou semi-collapsables, et image positionnée à gauche ou à droite.
Bloc texte avec CTA
Idéal pour structurer les sections intermédiaires, les rappels d'information et les appels à l'action secondaires.
Bloc cartes
Réutilisable dans plusieurs contextes : équipe, services, articles similaires, etc. Chaque carte pourra contenir une image, un titre et éventuellement un bouton.
Bloc FAQ
FAQ classique ou FAQ avec visuel. Ce bloc répondra aux besoins de clarification sur les soins, la clinique ou les conditions de rendez-vous.
Bloc formulaires
Essentiel pour le formulaire de prise de rendez-vous et tout autre formulaire nécessaire. Il sera pensé pour être simple, clair et performant.
Bloc témoignages
Présentation des avis patients, en version statique ou swipable selon les besoins.
Première réflexion UI et recommandations
Une première exploration UI a été réalisée sur la base du devis initial, du budget à respecter, des contraintes techniques liées à la rapidité et à la simplicité, et de l'objectif central d'améliorer la conversion vers la prise de rendez-vous.
L'idée n'est pas de livrer une direction artistique extrêmement poussée dans cette première phase, mais plutôt une UI :
- moderne
- claire
- structurée
- professionnelle
- optimisée pour la conversion
- parfaitement cohérente sur l'ensemble des pages
Recommandations disponibles
Une première série de recommandations visuelles est déjà disponible, préparée par notre UI designer. Elle présente les pistes retenues et pose les fondations pour la première phase du site.
Phases du projet
Phase 1 – Refonte technique et migration (2026)
- Reconstruction complète du site sous WordPress Gutenberg
- Mise en place de l'architecture Bedrock + SASS
- Création des blocs personnalisés essentiels
- Intégration de l'en-tête, du pied de page et des gabarits principaux
- Conversion et reprise manuelle de tout le contenu présent dans Divi
- Mise en place des formulaires et des appels à l'action
- Optimisation de la performance et conformité SEO technique
- Livraison d'un site moderne, rapide, propre et stable
Phase 2 – Évolution UI et bonification (2027)
- Améliorations visuelles et raffinement de la direction artistique
- Ajout d'animations ou effets plus avancés selon les besoins
- Évolution de certains blocs vers des versions plus dynamiques
- Ajustements UX orientés conversion
- Ajout de nouvelles sections ou fonctionnalités si requis
- Mise à jour du design pour renforcer l'image de marque et la différenciation
Livrables
1
Architecture technique complète
Installation WordPress sous Bedrock, structure propre, sécurisée et organisée, configuration SASS pour un code CSS optimisé et évolutif.
2
Gabarits principaux du site
En-tête et pied de page personnalisés, template standard pour les pages, template de liste de blog, template pour les articles individuels, pages utilitaires (404, etc.).
3
Système de blocs Gutenberg personnalisés
Bloc hero (plusieurs variations), bloc call-to-action (avec et sans image), bloc contenu + image avec multiples options, bloc texte + CTA, bloc cartes (services, équipe, articles, etc.), bloc FAQ, bloc formulaires (prise de rendez-vous et formulaires généraux), bloc témoignages (statique ou swipable).
4
Conversion complète du contenu actuel
Reprise manuelle de toutes les pages Divi, intégration de tout le contenu existant dans les nouveaux blocs, réorganisation et optimisation de la structure des pages, nettoyage complet des anciens assets inutiles.
5
UI conforme aux recommandations proposées
Mise en œuvre des principes de la direction artistique définie, intégration des lignes directrices présentées dans le document UI, interface moderne, lisible, professionnelle et cohérente.
6
Optimisation de performance
Chargement rapide sur desktop et mobile, réduction du poids des assets, minification et optimisation du code, mise en cache et configuration serveur adaptée.
7
SEO technique
Configuration des meta tags, structure propre et sémantique (H1/H2, blocs, sitemap), optimisations liées à la vitesse, préparation à la future croissance SEO de la clinique / suivi avec Laurent.
8
Mise en ligne et stabilisation
Déploiement sur l'environnement de production, tests finaux (navigation, formulaires, performance), correction des derniers ajustements.
À propos de Wazoom
Wazoom est un studio numérique spécialisé dans la conception et le développement de plateformes web modernes, performantes et durables. L'équipe intervient régulièrement auprès d'organisations publiques, municipales et institutionnelles, où les exigences de qualité, de stabilité et d'accessibilité sont particulièrement élevées.
Les projets développés par Wazoom se distinguent par une architecture technique solide, un souci constant de performance, et une approche UI/UX centrée sur la clarté, la conversion et la simplicité d'utilisation. L'équipe maîtrise parfaitement les environnements WordPress modernes (Bedrock, Gutenberg, blocs personnalisés), les intégrations complexes et les gabarits sur mesure.
Quelques réalisations récentes
Les projets suivants illustrent la qualité du travail accompli et la capacité à livrer des sites robustes et élégants dans des contextes variés :
Observatoire de la Capitale
Secrétariat à la Capitale-Nationale
ArchiQualiData – Université de Montréal
Ces projets démontrent la capacité de Wazoom à gérer des contenus riches, des interfaces structurées, des besoins techniques avancés, et des normes d'accessibilité strictes.
L'équipe dédiée au projet
Pour la Clinique podiatrique Saint-Charles, l'équipe mise en place sera composée de profils expérimentés et directement impliqués dans la réussite du projet.
Product Owner – Anatole Planteur
Responsable de la vision globale, du suivi du projet et de la communication. C'est votre point de contact principal pour la planification, les priorités, les contenus, les phases et l'ensemble de la coordination.
Lead Developer – Gwenael Cabellic
Responsable de l'architecture technique, du développement des blocs Gutenberg, de la structure Bedrock, de la performance et de la mise en ligne. Il s'assurera que le site soit rapide, stable, sécurisé et évolutif.
UI Designer – Nicolas Douaron
Responsable de la direction artistique, des layouts, des recommandations UI et de la cohérence visuelle. C'est lui qui a préparé les premières pistes UI et qui vous accompagnera dans l'évolution du design.
Équipe de soutien
En complément, un QA et un deuxième développeur seront attachés au projet pour renforcer la qualité, effectuer les tests et accélérer certaines étapes techniques. Ils ne seront pas présents dans les rencontres, mais participent directement à la livraison.
Budget et échéancier - Phase 1
Budget : 9 750 $ (hors taxes)
Modalités de paiement
- 30 % d'acompte
- 40 % après la première intégration
- 30 % à la livraison finale
Échéancier : 70 jours
L'échéancier global pour la réalisation de la première phase du projet est de 70 jours calendaires à compter de la validation du devis et du lancement officiel du mandat.
Ce délai inclut la mise en place de l'architecture technique, la création des blocs Gutenberg, la conception et l'intégration des layouts UI, la reprise complète du contenu, les tests, les ajustements et la mise en ligne.
Le calendrier détaillé sera établi au moment du kick-off, afin d'intégrer vos disponibilités, les validations nécessaires et tout élément logistique lié au transfert du contenu ou aux accès.
Conclusion
Cette refonte représente l'occasion de repartir sur une base solide, moderne et durable pour la Clinique podiatrique Saint-Charles. En reconstruisant le site sous une architecture performante, avec des blocs Gutenberg sur mesure et une UI claire orientée conversion, vous obtenez une plateforme stable, rapide et facile à maintenir. Elle soutiendra mieux vos campagnes, optimisera la prise de rendez-vous et éliminera les limites techniques actuelles.
L'approche par phases vous permet également d'investir progressivement, en vous assurant d'avoir dès la première étape un site propre, performant et pleinement fonctionnel, prêt à évoluer dans le temps.
L'équipe dédiée sera disponible tout au long du mandat pour vous accompagner, répondre à vos questions et vous garantir un suivi rigoureux jusqu'à la mise en ligne.
Nous serons heureux de collaborer avec vous sur cette refonte et de vous proposer une solution à la hauteur de vos objectifs et de votre pratique.