Conception et développement web

HOME SHALA - Site d'un studio de yoga

Site web d'un studio de yoga proposant un planning hebdomadaire interactif avec filtrage par jour, des profils détaillés de professeurs spécialisés dans le yoga en famille et pour enfants, des avis clients et un parcours de réservation en plusieurs étapes avec validation du formulaire.

Développé avec React 19 et Framer Motion, il offre des animations soignées déclenchées au défilement, des effets de particules et des transitions fluides. Sa palette beige et sable sur mesure et ses titres en Playfair Display traduisent la philosophie accueillante du studio.

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

Vue d'ensemble

Secteur

Santé et bien-être / Remise en forme

Périmètre

Conception et développement complets du site, avec système de réservation, planning des cours, profils des professeurs et intégration des moyens de contact

Durée

2 semaines, du design à la mise en ligne

La problématique

Le défi

HOME SHALA avait besoin d'une présence web moderne et professionnelle pour présenter son offre de yoga, attirer de nouveaux élèves et permettre aux futurs pratiquants de consulter facilement les plannings et de réserver leurs séances. Le site devait refléter la philosophie chaleureuse et accueillante du studio, tout en restant pleinement fonctionnel sur tous les appareils et en offrant une expérience utilisateur intuitive.

Notre approche

La solution

Nous avons développé une application React monopage aux animations soignées et à l'expérience utilisateur intuitive. Le site propose un planning de cours interactif avec filtrage en temps réel, un système de réservation en plusieurs étapes avec validation du formulaire et un design responsive mobile-first. Les animations Framer Motion sur mesure, les effets de particules dans la section d'accueil et une palette beige et sable soigneusement choisie créent une atmosphère accueillante, en phase avec l'approche attentive du studio et son esprit de communauté.

Ce qui est inclus

Fonctionnalités clés

Design responsive mobile-first
Animations Framer Motion
Système de réservation interactif
Filtrage du planning des cours
React 19
TypeScript
Tailwind CSS 4
Intégration Google Maps
Performance

Résultats

484 KB (gzip: 149 KB)
Poids du bundle
Bundle JavaScript optimisé pour un chargement rapide
42 KB (gzip: 6.7 KB)
Poids du CSS
Tailwind CSS purgé et optimisé
<500ms
Temps de compilation
Build de production rapide avec Vite 8
100% Strict
Qualité du code
Typage complet, conforme aux règles ESLint
Technologie

Technologies utilisées

React 19
TypeScript 5.9
Vite 8
Tailwind CSS 4.x
Framer Motion
React Hook Form
Yup
Radix UI
Lucide React
Se lancer

Prêt à lancer votre projet ?

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

HOME SHALA - Site d'un studio de yoga | Portfolio | low-key solutions