Création d’un template Bootstrap performant
À propos de OOsteo
OOsteo est un acteur majeur de l’ostéopathie en ligne, que nous avons accompagné sur plusieurs fronts : optimisation de leur portail principal et modernisation de leur réseau de sites praticiens. Ce projet spécifique se concentre sur la création d’un template web dédié aux ostéopathes, déployé sur leurs propres noms de domaine.
Pourquoi nous avoir contactés
L’objectif était de moderniser techniquement l’offre de sites auto-hébergés mise à disposition des praticiens. Tout en conservant le cœur et l’administration de leur micro-CMS maison, nous devions assurer une montée de version vers PHP 8.5 et recréer un tout nouveau thème orienté bonnes pratiques, qualité et ultra-performance.
Objectifs et fonctionnalités clés
Le nouveau template quasi one-page devait rassurer les patients dès leur arrivée avec des données chiffrées claires. Nous avons intégré une grille de tarifs lisible et moderne, ainsi qu’une section de localisation complète avec Google Map et coordonnées. Une partie blog, seule section hors de la structure one-page, a également été développée pour soutenir la stratégie SEO locale de chaque praticien.
Enjeux et contraintes
L’un des défis techniques majeurs résidait dans la personnalisation à grande échelle. Il fallait concevoir un système offrant une déclinaison infinie de couleurs et de logos. Grâce à une utilisation avancée des variables CSS, l’ostéopathe peut désormais, en un clic depuis son interface, modifier son identité visuelle qui s’applique instantanément partout, y compris sur les éléments purement décoratifs.
Les étapes du projet
Refonte technique et architecture
Nous avons d’abord mis à jour le socle technique pour supporter PHP 8.5, tout en préservant le back-office du micro-CMS existant. Le front-end a été entièrement repensé en s’appuyant sur le framework Bootstrap et une architecture basée sur une logique stricte de composants, garantissant un code propre et facilement maintenable.
Conception de l’interface et personnalisation
L’interface a été structurée pour maximiser la conversion (prise de rendez-vous) et la réassurance des patients. Le système de variables CSS a été intégré au cœur du développement pour offrir une flexibilité totale aux clients finaux, leur permettant de s’approprier le design du template sans aucune compétence technique préalable.
Déploiement et migration
Une fois testé et validé, ce nouveau template a été déployé comme socle de base pour tous les nouveaux clients d’OOsteo. En parallèle, nous avons mis en place un processus permettant la migration progressive de l’ensemble des anciens sites vers cette nouvelle stack technologique, modernisant ainsi tout le parc installé.
Hébergement performant centralisé
Suite au succès de la refonte, nous avons été sollicités pour centraliser l’hébergement de tous ces sites, jusqu’alors éclatés sur divers hébergements mutualisés (notamment chez Ionos). Nous avons configuré un serveur VPS puissant sous Plesk, capable d’accueillir jusqu’à 300 sites avec des garanties strictes de sécurité, de performance et des sauvegardes quotidiennes. La migration progressive vers cet environnement sans concession a fait exploser les performances globales du réseau.
La stack technique
Adobe Illustrator
L’outil d’édition vectorielle leader dans le monde, adapté à la création de logos et identités en haute définition.
Figma
L’outil de design collaboratif, pensé pour créer des interfaces modernes, fluides et intuitives.
Bootstrap
Le framework historique constitue toujours une base saine et solide pour créer des projets professionnels.
Maison
Hébergement haute performance sur un VPS localisé en France. Infogéré, maintenu et monitoré par nos soins.
Cloudflare
Le CDN le plus populaire au monde, idéal pour booster performance et sécurité à un coût maîtrisé.
Le résultat en chiffres
La nouvelle stack technique hébergée sur une infrastructure Premium garantit des performances de 1er plan.
-54%
Time to First Byte (TTFB)
-65%
Largest Contentful Paint (LCP)
25ms
Interaction to Next Paint (INP)
+7%
Prise de rendez-vous en ligne
Ces résultats ont permis de rafraîchir l’esthétique des sites praticiens tout en améliorant nettement l’Expérience Utilisateur. De nouveaux sites continuent à être créés régulièrement sur cette base technique, avec des retours toujours très positifs.
La suite et fin en images


