Site Astro statique
Accueil, soins, page Kobido, à propos, contact, mentions légales, composants réutilisables et sortie statique.
Claire Seymat : un site statique sobre pour présenter le Kobido
Claire Seymat avait besoin d’un site de présentation clair pour expliquer son activité, ses soins et la réservation, sans ajouter un CMS disproportionné pour un contenu stable.
Comment construire un site simple sans le rendre générique ni ajouter un outil inutile ?
Le projet en bref
- Site vitrine statique
- Bien-être et Kobido
- 2026
- Astro, Calendly
Choisir une base légère pour un besoin précis
Site Astro statique pour présenter une activité Kobido, organiser les pages utiles, intégrer Calendly et garder une base légère à maintenir.
Le projet demandait surtout une présence claire : comprendre les soins, vérifier les informations pratiques et accéder à la réservation. Astro permettait de répondre à ce besoin sans ajouter une administration inutile.
Le risque : faire un site simple mais flou
Un site de bien-être peut vite devenir uniquement esthétique : belles images, phrases générales et peu d’informations concrètes. Ici, la priorité était de garder une ambiance soignée tout en répondant aux questions avant la prise de rendez-vous.
- Expliquer le Kobido sans surcharger l’accueil.
- Répartir les réponses entre les bonnes pages.
- Intégrer Calendly et la carte seulement là où ils sont utiles.
- Travailler les signaux locaux sans répétition artificielle.
Les décisions de sobriété
Les choix structurants du projet, présentés à partir de leur impact sur le produit et son exploitation.
- 01
Construire en Astro statique
Le contenu change peu. Une sortie statique réduit la surface de maintenance et évite un CMS inutile.
- 02
Structurer le SEO dans le code
Titres, descriptions, canonical, Open Graph, JSON-LD, sitemap, robots et données locales sont centralisés pour éviter les incohérences.
- 03
Limiter le JavaScript aux besoins réels
React, animations, carrousel, carte et Calendly sont réservés aux zones où ils apportent une vraie fonction.
- 04
Garder la réservation dans le parcours
Calendly est intégré sur la page contact avec un état de chargement et une continuité visuelle.
Ce que nous avons construit
Les livrables gardent la même logique : informer, rassurer et permettre la réservation sans transformer le site en application.
Parcours de réservation
Page contact, Calendly embarqué, état de chargement, carte Google Maps paresseuse et informations de contact.
SEO local
Métadonnées, canonical, sitemap, robots, JSON-LD, informations NAP, zones servies et liens sociaux.
Expérience sobre
Images optimisées, avis extensibles, carrousel chargé à la demande, animations discrètes et labels d’interface.
Une simplicité construite
Choisir Astro parce que le contenu était stable
Le contenu du site était stable : présenter l’activité, expliquer les soins, afficher les informations pratiques et guider vers la réservation. Astro permettait de construire cette base sans ajouter une administration inutile à sécuriser et maintenir.
Ce que ce choix évite
- une administration à sécuriser pour peu de contenus ;
- des pages libres qui se dégradent au fil des modifications ;
- un projet plus lourd que l’activité ne le demande.
Le site reste simple à exploiter, sans être réduit à une page générique. La structure, le SEO, les intégrations et les détails d’interface restent travaillés.
Répartir les réponses avant la réservation
Avant de prendre rendez-vous, une personne peut vouloir comprendre le Kobido, comparer les soins, connaître le parcours de Claire Seymat, vérifier la zone et savoir comment réserver.
Nous avons organisé les pages selon ces intentions : accueil, soins et tarifs, page pédagogique sur le Kobido, à propos, contact et mentions légales.
Des pages qui se répartissent les réponses
La page d’accueil introduit l’activité et dirige. La page dédiée au Kobido prend le temps d’expliquer. La page des soins rassemble les prestations. La page contact concentre la réservation et les informations pratiques.
Cette répartition évite de transformer l’accueil en page trop longue ou trop vague.
Travailler le local sans répétition artificielle
Le site centralise les informations utiles : nom, adresse, téléphone, email, zones servies, réseaux sociaux, URL, canonical, données structurées, Open Graph, sitemap et robots.
Ces éléments aident les moteurs de recherche à comprendre l’activité et la zone, tout en restant utiles au visiteur. La localisation apparaît lorsqu’elle clarifie le service, pas comme une répétition forcée.
Des données structurées, mais seulement là où elles ont du sens
Le layout ajoute les schémas globaux. Les pages spécifiques ajoutent les informations adaptées : service, FAQ, article, personne ou établissement selon le besoin de la page.
Cette approche évite d’ajouter des balisages décoratifs. Les données structurées reflètent ce que la page montre réellement.
Intégrer Calendly comme une étape du parcours
La prise de rendez-vous passe par Calendly. Nous avons choisi de l’intégrer comme une étape normale de la page contact, plutôt que de renvoyer trop vite vers un outil externe.
L’iframe dispose d’un état de chargement et d’un suivi pour éviter l’impression de bloc vide. La page garde aussi les informations de contact, la carte et les éléments pratiques autour du module de réservation.
Le service tiers reste visible dans le parcours
Utiliser Calendly est pragmatique. Le travail consiste à l’intégrer proprement : chargement, espace réservé, continuité graphique et information légale adaptée.
Le visiteur peut réserver sans perdre le fil du site.
Afficher les avis sans déséquilibrer les pages
Les avis peuvent aider à comprendre l’expérience proposée, mais ils peuvent aussi déséquilibrer une page lorsqu’ils sont longs. Nous avons donc utilisé un carrousel avec expansion, dialogue accessible et contrôles dédiés.
Le composant est chargé seulement lorsqu’il devient utile. Cette approche évite de faire porter à toutes les pages un JavaScript qui ne concerne qu’une zone précise.
Accessibilité et lisibilité
Les avis extensibles peuvent être consultés sans casser la mise en page mobile. Les contrôles, l’ouverture, la fermeture et la navigation clavier font partie du travail d’interface.
Même sur un site simple, ces détails ont un impact direct sur la qualité perçue.
Les interactions restent limitées à leur rôle
La règle était simple : chaque interaction devait soutenir une action ou une information précise. Le menu mobile, la carte, le carrousel et Calendly ont donc été traités comme des aides au parcours, pas comme des effets décoratifs.
Une maintenance plus calme
Moins de pièces mobiles signifie moins de points de rupture. Cela compte particulièrement pour un site de présentation fiable longtemps, sans intervention technique pour chaque contenu.
Ce que nous retenons de ce projet
Le projet montre qu’un site de présentation peut rester léger sans devenir générique. Sa qualité vient surtout de la structure des pages, de la clarté des informations locales, de la réservation intégrée et d’un choix technique proportionné.
Ce que le projet a rendu plus lisible
Le site montre qu’une présence simple peut rester spécifique lorsque chaque page, intégration et interaction répond à une vraie question du visiteur.
- Un site statique peut être plus adapté qu’un CMS lorsque les contenus changent peu.
- La réservation reste dans le parcours, même lorsqu’elle passe par un outil externe.
- Le SEO local repose sur des informations cohérentes, pas sur une répétition artificielle.
- Les interactions soutiennent l’usage plutôt que la décoration.
Vous avez un sujet proche ?
Nous pouvons concevoir un site de présentation clair et adapté à votre activité, avec une prise de rendez-vous intégrée lorsque c’est utile.