Nautisme · location · Applications web
Baywatch
Loue un bateau en 3 clics
Scroll pour découvrir ↓
01 · Nautisme · location
Réserver un bateau en 3 clics
Location bateaux — flotte, dates, checkout.
- 01
Jour
Choisis le créneau — la flotte suit.
- 02
Heure
Créneaux concrets, pas un formulaire vague.
- 03
Confirm
CTA de réservation simulée — le parcours est là.
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
- local state
- Déploiement
Démo /play — parcours produit sans API réelle
- Rôle
Produit · UI · flux métier
- Conditions
App démo interactive — intention produit claire
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Réserver un bateau en 3 clics
Jour
Choisis le créneau — la flotte suit.
Heure
Créneaux concrets, pas un formulaire vague.
Confirm
CTA de réservation simulée — le parcours est là.
Choisir un créneau
Jeudi 12 mars · Baywatch
Choisis une date
Calendrier démo · zéro paiement.
“Les week-ends se remplissent sans téléphone.” — Capitaine · Baywatch
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Ports & loueurs
Moins d’appels « c’est dispo ? »
“Les week-ends se remplissent sans téléphone.”
“Le parcours est clair même sur mobile au port.”
04 · Flotte
Choisis une date
Calendrier démo · zéro paiement.
- →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)