Fondation Garches

Bâtiment de la Fondation Garches

Refonte du site institutionnel d’une fondation reconnue d’utilité publique engagée dans la recherche sur le handicap.

Détails du projet

La Fondation Garches, reconnue d’utilité publique et implantée à l’Hôpital Raymond-Poincaré AP-HP depuis 1987, m’a confié la refonte complète de son site institutionnel. L’ancien site était obsolète et ne reflétait plus la richesse de ses actions auprès des donateurs, des professionnels de santé, des patients, des aidants et des partenaires. J’ai pris en charge le design, le développement, le SEO et l’accessibilité, avec l’objectif de poser une vitrine claire et durable pour ses trois pôles d’expertise.

Stack technique

Site développé avec Next.js (App Router) et React en TypeScript, stylisé avec Tailwind CSS. Sans CMS, le contenu est versionné directement dans le code pour garantir performance et stabilité. SEO avancé soigné page par page, optimisation des images via Next/Image et conversion automatique en .webp.

Design institutionnel & humain

Une identité sobre et chaleureuse, à la hauteur de la gravité du sujet. Le ton reste accessible, les visuels mettent en scène le terrain et les personnes accompagnées, et chaque page respecte la rigueur attendue d’une fondation reconnue d’utilité publique.

Performance & SEO avancé

Architecture Next.js App Router, images optimisées via Next/Image en .webp, balisage sémantique soigné et travail SEO sur chaque page. Le site charge vite, se référence bien et offre une base technique propre pour durer.

Points clés du projet

Une refonte pensée pour conjuguer rigueur institutionnelle et engagement humain.

  • Architecture éditoriale claire organisée autour des 3 pôles (Accompagnement, Formation, Recherche & Innovation) avec une navigation à méga-menu structurée.
  • Une trentaine de pages à structurer — un vrai défi d’organisation pour offrir une navigation lisible sans perdre le visiteur.
  • Mise en avant des partenaires et témoignages pour renforcer la crédibilité institutionnelle (Toyota, BNP Paribas, Vinci, Merz Therapeutics…).
  • Optimisation des performances avec Next.js App Router, Next/Image et conversion automatique en .webp.
  • SEO avancé soigné sur chaque page (titres, meta, structure sémantique) pour un meilleur référencement institutionnel.
  • Accessibilité renforcée — exigence d’exemplarité sur un site dédié au handicap.

Aperçu du site

Page d’accueil du site de la Fondation Garches
Page « La Fondation » avec frise historique
Méga-menu de navigation déployé
Section partenaires et témoignages
Section partenaires et témoignages