Golfe du Morbihan · depuis 2014 · Pages d’accueil
Atelier Nord
L’aventure commence au bord de l’eau
Scroll pour découvrir ↓
01 · Golfe du Morbihan · depuis 2014
Kayak, paddle & sorties guidées
Site outdoor complet — hero, sorties, réservation.
- 01
Sorties guidées
Îles, courants, couchers de soleil — groupes de 8 max, guide diplômé.
- 02
Locations
Kayak simple / double, paddle, gilets — dès une demi-journée.
- 03
Stages
Initiation week-end ou perfectionnement courants — matériel inclus.
01b · Technique
Fiche technique
Stack, mise en ligne et mon rôle sur ce build — pour recruteurs et tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- Framer Motion
- next/image
- Déploiement
Démo locale /play — front Next.js, sans backend métier
- Rôle
Direction UI · intégration · interactions
- Conditions
Direction fictive (NDA) — même niveau de craft que missions réelles
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Golfe du Morbihan · depuis 2014
Kayak, paddle & sorties guidées
Sorties guidées
Îles, courants, couchers de soleil — groupes de 8 max, guide diplômé.
Locations
Kayak simple / double, paddle, gilets — dès une demi-journée.
Stages
Initiation week-end ou perfectionnement courants — matériel inclus.
“Première fois en kayak : le guide a tout expliqué, zéro stress, vue de ouf sur l’île d’Arz.”
Prochaine marée
Réserve ta sortie ce week-end
Créneaux samedi 9h & 14h encore ouverts · dès 39 €.
RéserverRetour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Avis vérifiés
Ce qu’ils retiennent de l’eau
“Première fois en kayak : le guide a tout expliqué, zéro stress, vue de ouf sur l’île d’Arz.”
“On a loué deux doubles pour la famille — matériel nickel, départ à l’heure, on recommande.”
04 · Prochaine marée
Réserve ta sortie ce week-end
Créneaux samedi 9h & 14h encore ouverts · dès 39 €.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
05 · Même famille
D’autres directions du même type — pour comparer densités et ambiances.
06 · Ce qu’on regarde
- 01Hero + sections sous la fold (pas juste une accroche)
- 02Hiérarchie visuelle et CTA principal
- 03Densité d’info vs lisibilité
- 04États interactifs (hover, sélection, feedback)