Aller au contenu principal
Nord/Sud

Trésorerie B2B · Dashboards

Nord/Sud

Trésorerie lisible

Scroll pour découvrir

01 · Trésorerie B2B

Cash, prévisions, alertes

Trésorerie lisible. Direction fictive — même niveau de craft que les missions clients sous NDA.

  • 01

    Solde J+90

    Prévision à 90 jours, scénarios prudent / médian.

  • 02

    Rapprochement

    Banques reliées, écarts signalés le jour même.

  • 03

    Alertes

    Seuils de cash, échéances, factures en retard.

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
  • Recharts-style charts
  • Framer Motion
Déploiement

Démo /play — app ops simulée, données mock

Rôle

UX data · UI dense · composants métier

Conditions

Prototype jouable — filtres, états, navigation

02 · Dans le produit

Un scroll, un écran

Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.

Nord/Sud

Cash, prévisions, alertes

Ouvrir

Solde J+90

128 k€

Rapprochement

98,2 %

Alertes

14

Rapprochement

Ouvrir
Alpha Corp12.4 k€
Bravo SAS16.1 k€
Charlie SARL19.8 k€
Delta SAS23.5 k€
Echo SA27.2 k€
Foxtrot30.9 k€

Ouvrir Nord/Sud

Ouvrir

Sélection

Trésorerie lisible

Jeu de données fictif pour tester en 2 minutes.

Activité

  • On a anticipé un trou de trésorerie 6 semaines à l’avance.

    DAF · SaaS

  • Fini les exports Excel du dimanche soir.

    CEO · e-commerce

Retour au récit

Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.

03 · DAF & fondateurs

Ils voient enfin le runway

On a anticipé un trou de trésorerie 6 semaines à l’avance.

DAF · SaaS

Fini les exports Excel du dimanche soir.

CEO · e-commerce

04 · Compte démo

Ouvrir Nord/Sud

Jeu de données fictif pour tester en 2 minutes.

  • Hero + sections sous la fold (pas juste une accroche)
  • Hiérarchie visuelle et CTA principal
  • Densité d’info vs lisibilité
Ouvrir l’app complète
Nord/Sud

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.

Signal — La santé de vos APIs, en un coup d’œil
SignalLa santé de vos APIs, en un coup d’œil
Kanban — Le board que ton équipe ouvre vraiment
KanbanLe board que ton équipe ouvre vraiment
Helm — Pipeline commercial, sans tableur
HelmPipeline commercial, sans tableur
Ledger — Factures et encaissements au même endroit
LedgerFactures et encaissements au même endroit

06 · Ce qu’on regarde

  1. 01Hero + sections sous la fold (pas juste une accroche)
  2. 02Hiérarchie visuelle et CTA principal
  3. 03Densité d’info vs lisibilité
  4. 04États interactifs (hover, sélection, feedback)

Un projet dans cet esprit ?

Nord/Sud — Trésorerie lisible | Ilyesse Hamcherif