CENTRE OPHTALMOLOGIE SAUVEGARDE
Refonte complète du site vitrine d'un centre d'ophtalmologie lyonnais — clarifier le parcours patient, valoriser l'expertise et la mission humanitaire de la praticienne.
LE CONTEXTE
Une expertise réelle, un site qui ne la racontait plus.
Le Centre Ophtalmologie Sauvegarde est porté par la Dr Stéphanie Refait, ophtalmologiste et chirurgienne avec près de 29 ans d'expérience, +8 000 patients suivis et un engagement humanitaire récurrent (plus de 400 patients opérés en mission). Un parcours professionnel dense, une patientèle fidèle.
Le site précédent ne reflétait ni la richesse du parcours, ni la clarté des soins proposés : trois pages chirurgie quasi-identiques, pas de page dédiée au centre, photos sombres et textes denses qui noyaient l'information. Les patients potentiels ne trouvaient ni réponse rapide à leurs questions, ni preuve de l'expertise.
L'objectif : construire un site qui incarne enfin le cabinet — clair, humain, structuré autour des vraies questions des patients et du récit de la praticienne.
AXES D'AMÉLIORATION
Quatre chantiers pour reconnecter le site au cabinet.
Identité éditoriale
L'ancien site reposait sur une palette turquoise générique, des photos sombres superposées de textes peu lisibles et une mise en page dense. Nouvelle direction : palette crème et vert pétrole sourd, typographie serif élégante, phrases d'accroche travaillées ("Une vision claire, entre des mains expertes"), ton humain et rassurant adapté au secteur médical.
- → Palette sobre — crème, vert pétrole, accents discrets
- → Typographie serif éditoriale pour les titres
- → Rédaction retravaillée, phrase-clé par page
- → Photographie retaillée et respiration assumée
Architecture des services
Ancien site : trois pages chirurgie quasi-identiques (cataracte, ophtalmologique, réfractive) et aucune vraie page de présentation du centre. Nouvelle structure : une page "Le centre" qui incarne l'expertise avec chiffres clés (29 ans d'expérience, +8 000 patients), mise en avant de la Dr Stéphanie Refait, et pages d'intervention réellement différenciées.
- → Nouvelle page "Le centre" avec chiffres clés
- → Valorisation de la praticienne — parcours, citations
- → Pages interventions différenciées par nature du soin
- → Page Mission humanitaire mise en récit
Pédagogie patient
Le site précédent empilait du texte sans visualisation ni structuration. Nouvelle approche : grille "4 troubles / 1 solution" sur la chirurgie réfractive (myopie, hypermétropie, astigmatisme, presbytie), techniques détaillées en sections parallèles (LASIK, PKR, SMILE, implants), parcours jour J et suivi post-opératoire. Le patient comprend en un coup d'œil ce qu'on lui propose.
- → Grille troubles visuels sur page chirurgie réfractive
- → Techniques opératoires détaillées en colonnes
- → Parcours jour J et suivi post-opératoire explicites
- → Fiches d'information téléchargeables
Fondations techniques
L'ancien site souffrait sur les indicateurs Google PageSpeed, particulièrement sur mobile (Performance 73, Best Practices 77). Refonte sur une stack React statique, images optimisées, sémantique HTML propre, accessibilité renforcée. Résultat : Lighthouse passe à 98–100 sur mobile et 89–100 sur desktop, tous axes confondus.
- → Stack statique — React, TypeScript, Tailwind, Vite
- → Images servies en WebP, lazy loading, dimensions explicites
- → Sémantique HTML et hiérarchie ARIA correctes
- → Lighthouse 98+ sur mobile, 89+ sur desktop
LIGHTHOUSE — AVANT / APRÈS
Les scores, avant et après refonte.
Mesurés sur Google PageSpeed Insights. L'ancien site souffrait surtout sur mobile — majoritaire chez les patients qui cherchent un praticien. La refonte ramène la performance dans le vert, mobile inclus.
AVANT / APRÈS
Quatre pages clés refondues.
Chaque capture montre l'intégralité de la page telle qu'elle apparaît au visiteur. Cliquez sur une image pour l'ouvrir en taille réelle.
Accueil
D'une succession de blocs denses sur fond blanc cassé à un hero éditorial qui pose immédiatement le positionnement et les trois grands pôles de soin.
Le centre
Anciennement noyé dans une page "chirurgie ophtalmologique" fourre-tout, le centre a désormais sa propre page, avec chiffres clés, parcours de la praticienne et présentation des services.
Chirurgie réfractive
Bloc de texte unique remplacé par une grille pédagogique des quatre troubles visuels, le détail des techniques (LASIK, PKR, SMILE, implants) et un parcours patient clair.
Mission humanitaire
D'une galerie photos avec longs pavés de texte à un récit visuel construit : mosaïque d'images, chiffres d'impact (4+ missions, +400 patients), citations de la praticienne.
STACK TECHNIQUE
Sobriété, performance, maintenabilité.
Une stack qui sert le contenu — pas l'inverse. Pas de CMS lourd, pas de plugin à surveiller, un site qui tient dans le temps.
EN LIGNE — CENTREOPHTALMOLOGIESAUVEGARDE.FR ↗
Un projet similaire en tête ?
Refonte d'un site vieillissant, clarification d'un parcours patient, valorisation d'une expertise : discutons-en.