Boulangerie · fournées du jour · Pages d’accueil
Kiln
Le pain du jour, réservé
Scroll pour découvrir ↓
01 · Boulangerie · fournées du jour
Réserver son pain avant qu’il parte
Le pain du jour, réservé. Direction fictive — même niveau de craft que les missions clients sous NDA.
- 01
Créneaux
Choisis l’heure de retrait — la fournée suit.
- 02
File d’attente
Tu vois combien de personnes devant, sans stress.
- 03
Confirmation
Inscription locale — le four n’attend plus le coup de fil.
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.
Boulangerie · fournées du jour
Réserver son pain avant qu’il parte
Créneaux
Choisis l’heure de retrait — la fournée suit.
File d’attente
Tu vois combien de personnes devant, sans stress.
Confirmation
Inscription locale — le four n’attend plus le coup de fil.
Habitués du quartier
“Je réserve le samedi matin en 20 secondes sur le trajet.”
Léa · voisine
Réserve ton pain
Créneaux démo · aucune donnée envoyée.
Date
Heure
Couverts
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Habitués du quartier
Fini le « plus de campagne » à 11h
“Je réserve le samedi matin en 20 secondes sur le trajet.”
“On a divisé les appels matinaux par trois.”
04 · Fournée du jour
Réserve ton pain
Créneaux démo · aucune donnée envoyée.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
Le pain du jour, réservé
14 personnes devant
Démo locale — aucune donnée n’est envoyée.
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)