Projet clientAmandine Chapelle
Site vitrine d'une graphothérapeute en Valais (projet client encore en cours de réalisation).
Next.jsTailwind CSSTypeScript
Étude de cas
Fondation Garches
Refonte du site institutionnel d’une fondation reconnue d’utilité publique engagée dans la recherche sur le handicap.
Next.jsTailwind CSSTypeScriptSEO avancé
Le 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.
Technologies
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.
Approche
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
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
Aperçu du site
Continuer l’exploration
Un autre projet dans la même veine, et une autre facette du portfolio.
