Fintech B2B · trésorerie · Pages d’accueil
Meridian
La trésorerie en temps réel
Scroll pour découvrir ↓
01 · Fintech B2B · trésorerie
Le cash, commandable au clavier
La trésorerie en temps réel. Direction fictive — même niveau de craft que les missions clients sous NDA.
- 01
Palette ⌘K
Prévisions, exports, factures — une recherche, une action.
- 02
Temps réel
Soldes et mouvements sans attendre le reporting du lundi.
- 03
Équipe
Inviter un collègue sans ticket IT de 3 jours.
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.
Fintech B2B · trésorerie
Le cash, commandable au clavier
+12 kg
Squat
2:14
Hyrox
8 sem.
Cycle
47
Sessions
WEEK 01–02
Palette ⌘K
Prévisions, exports, factures — une recherche, une action.
WEEK 03–04
Temps réel
Soldes et mouvements sans attendre le reporting du lundi.
WEEK 05–06
Équipe
Inviter un collègue sans ticket IT de 3 jours.
Ouvre Meridian comme un outil pro
Tape une commande — tout est simulé.
Ouvrir ⌘KRetour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · CFOs & office managers
Moins de tableurs, plus de décisions
“On lance un export CSV avant le board — zéro ping-pong Slack.”
“La palette remplace trois menus que personne n’ouvrait.”
04 · Démo clavier
Ouvre Meridian comme un outil pro
Tape une commande — tout est simulé.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
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)