Conception et développement web

Site web OptiClinic Eye Care

Site web d'un cabinet de santé visuelle articulé autour de 10 sections distinctes : accueil, prestations, présentation, sensibilisation à la prévention de la cécité, témoignages, focus sur la vision, inspiration, 5 cabinets, 16 partenariats avec des mutuelles et formulaires de contact. Il met en avant des équipements médicaux de pointe et une offre complète, incluant le contrôle de la myopie, la contactologie et l'optométrie pédiatrique.

Développé avec React 19 et Framer Motion, il déploie des animations fluides de bout en bout, des arrière-plans animés à particules aux apparitions de sections déclenchées au défilement. Il s'appuie sur l'accessibilité de Radix UI, l'optimisation des performances par Vite, React Hook Form associé à la validation Zod et un dégradé de bleu-vert et de cyan.

Date de réalisation : avril 2026
Voir le site en ligne
Détails du projet

Vue d'ensemble

Secteur

Santé / Santé visuelle

Périmètre

Refonte et développement complets du site, avec l'intégration des différents cabinets, les partenariats avec les mutuelles et un système de contact validé

Durée

1 journée, du design à une version prête à déployer

La problématique

Le défi

OptiClinic Eye Care avait besoin d'une présence web moderne et professionnelle, à la hauteur de la qualité de ses prestations de santé visuelle réparties sur 5 cabinets. Le site existant nécessitait une refonte technologique complète pour améliorer l'expérience utilisateur, présenter une offre de soins étendue, mettre en avant ses 16 partenariats avec des mutuelles et proposer une expérience accessible et mobile-first, propre à instaurer la confiance auprès des patients en quête de soins oculaires spécialisés.

Notre approche

La solution

Nous avons développé une application monopage haut de gamme avec React 19 et Framer Motion, pour des animations professionnelles qui guident l'utilisateur à travers 10 sections soigneusement construites. Nous avons mis en place un design responsive mobile-first avec Tailwind CSS, intégré Radix UI pour la conformité en matière d'accessibilité et créé une présentation complète des prestations, mettant en avant le contrôle de la myopie, la contactologie et l'optométrie pédiatrique. Nous avons ajouté des formulaires de contact validés avec Zod, l'affichage des logos des mutuelles partenaires et les informations sur les différents cabinets avec des cartes intégrées, le tout optimisé pour la performance grâce à Vite.

Ce qui est inclus

Fonctionnalités clés

Animations premium
Présentation multi-sites
Intégration des mutuelles
Design responsive
Validation des formulaires
L'accessibilité avant tout
Optimisé pour la performance
Orienté santé
Performance

Résultats

1 day
Rapidité de développement
Du design à une version prête à déployer, avec 10 sections complètes
25+ components
Architecture des composants
Une structure modulaire et réutilisable, en mode strict
100%
Sûreté du typage
Couverture TypeScript complète sur 1 558 lignes
60fps
Performance des animations
Des animations fluides avec 40 particules et une accélération GPU
Technologie

Technologies utilisées

React 19
Vite 7.3
TypeScript 5.9
Tailwind CSS 3.4
Framer Motion 12
Radix UI
React Hook Form 7
Zod 4
React Router DOM 7
Lucide React
Se lancer

Prêt à lancer votre projet ?

Voyons ensemble comment créer un site remarquable, adapté aux besoins de votre entreprise.

Site web OptiClinic Eye Care | Portfolio | low-key solutions