Bien-être · Quiberon
L’Art de Ralentir
Le site d'un séjour bien-être premium en bord de mer : sophrologie, naturopathie et aromathérapie, rythmées sur quatre jours. Bien plus qu'une vitrine : une page narrative cinématique portée par la vidéo, un vrai tunnel de réservation à deux formats, un double paiement (carte Stripe ou PayPal 4x) et une liste d'attente persistée. De la première image au paiement confirmé, tout le parcours est calé.
- Année
- 2026
- Réalisation
- Quelques semaines
- Période
- Mai à juin 2026
- Notre rôle
- Design, développement, animation, SEO
- Stack
- Next.js · Stripe · Resend
Ce qu’on a fait.
01Landing narrative en vidéo
Une page qui se déroule en sections (intention, expérience, rythme sur quatre jours, promesse, CTA), portée par un hero vidéo et un titre animé caractère par caractère.
02Tunnel de réservation deux formats
Un parcours au choix entre deux séjours (4 jours / 3 nuits à 1890 € ou 3 jours / 2 nuits à 1390 €), avec sélection du mode de paiement.
03Paiement carte sécurisé Stripe
Encaissement par Stripe Checkout, gestion des codes promo, page de succès et confirmation après le règlement.
04Paiement PayPal en 4x
Une alternative de règlement en quatre fois sans frais via PayPal, proposée directement dans le tunnel de réservation.
05Réservations capturées et persistées
Chaque demande déclenche un email (au client et en interne) et se stocke dans Redis, avec garde anti-doublon.
06Liste d'attente avec bienvenue
Une inscription en liste d'attente (sélecteur d'emoji compris) qui envoie un message de bienvenue automatique et notifie l'équipe.
07Page Intervenantes éditoriale
Portraits, parcours et citations des praticiennes, rythmés par des reveals au scroll et des séparateurs en vagues.
08SEO et données structurées
Open Graph et Twitter Cards, image OG dynamique, JSON-LD Organization et Event avec les offres de séjour, sitemap et robots.
Les visuels que nous avons créés.
Une image Open Graph générée dynamiquement avec next/og, au branding du séjour, pour des partages nets sur les réseaux et les moteurs.
Les briques techniques.
Les briques branchées pour que tout fonctionne, en production, sans intervention.
- StripePaiement carte, Checkout, codes promo
- PayPalPaiement en 4x sans frais
- ResendEmails : réservation, liste d'attente, notifications
- Upstash RedisRéservations et liste d'attente, anti-doublon
- Vercel AnalyticsMesure d'audience
- Speed InsightsSuivi des Core Web Vitals
- Framer MotionReveals, transitions, micro-interactions
- LenisSmooth scroll
Ce que le site permet aujourd’hui
Le séjour se découvre, se choisit et se réserve dans un parcours continu. Les deux formats, le paiement par carte ou en quatre fois, les confirmations et la liste d’attente sont réunis sans traitement manuel dispersé.