Prendre ses premiers repères.
L’accueil présente l’équipe et oriente vers les cours, les pensions et la découverte de l’écurie.
- Découvrir le centre et ses installations.
- Choisir un parcours selon son projet équestre.
Accueil du site public
Écuries Fourile.
Faire découvrir un centre équestre, ses installations et les différentes façons d’y pratiquer sa passion.
Mon rôle
Développement du site et de ses contenus administrables.
Feuilletons ensembleUne idée.
Une idée.
Tout un parcours.
Fais défiler pour découvrir
ce qui se passe à l’intérieur.
Accueil du site public
Découvrir les formules de pension.
La page pensions présente les formules, leur cadre et les informations pour poursuivre l’échange avec l’écurie.
- Consulter les présentations des pensions box et pâture.
- Accéder aux détails et appeler l’écurie pour son projet.
Page pensions du site public
Des nouvelles de l’écurie.
Les événements, les photos et les informations pratiques complètent la découverte du centre.
- Retrouver les événements annoncés et la galerie.
- Consulter les coordonnées, les horaires et l’accès à l’écurie.
Accueil mobile du site public
Le produit en action
Une visite à l’écurie.
Découvrir le centre, parcourir les pensions et explorer la galerie des installations.
Parcours filmé sur le site public · 16 s · sans sonDu produit au codeSous la
Sous la
couverture.
Des rubriques de prestations, une galerie, les événements et un catalogue de chevaux avec fiches détaillées et filtres. Les contenus sont administrables dans Sanity.
01
Site
Astro, TypeScript et Tailwind CSS
02
Contenus
Sanity pour les pages, pensions, photos, tarifs et événements
03
Interactions
GSAP pour les animations · Leaflet pour la carte
Structurer les contenus administrables
Les schémas Sanity distinguent pages, formules de pension, événements, galerie et chevaux. Le site interroge ces contenus et conserve leur ordre ainsi que les blocs définis dans le CMS.
Afficher les contenus selon leur statut
Les événements sont filtrés à partir du jour courant. Le catalogue prévu dans le code ne sélectionne que les chevaux disponibles ou réservés ; les fiches de chevaux sont alimentées depuis le CMS lorsqu’un cheval est publié.
La stack
- Astro
- TypeScript
- Sanity
- Tailwind CSS
- GSAP
Arrêt sur imageQuelques pages
Quelques pages
de plus.
Clique sur une capture
pour explorer les détails.