B2B fintech · cash · Homepages
Meridian
Cash flow in real time
Scroll to explore ↓
01 · B2B fintech · cash
Cash, commandable from the keyboard
Cash flow in real time. Fictional direction — same craft as real client work under NDA.
- 01
⌘K palette
Forecasts, exports, invoices — one search, one action.
- 02
Real time
Balances and moves without Monday’s report.
- 03
Team
Invite a teammate without a 3-day IT ticket.
01b · Engineering
Technical sheet
Stack, shipping and my role on this build — for recruiters and tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Libraries & tools
- Framer Motion
- next/image
- Deployment
Local /play demo — Next.js front, no business backend
- Role
UI direction · integration · interactions
- Context
Fictional direction (NDA) — same craft level as real missions
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — keep scrolling past the last screen to return to the brief.
B2B fintech · cash
Cash, commandable from the keyboard
+12 kg
Squat
2:14
Hyrox
8 sem.
Cycle
47
Sessions
WEEK 01–02
⌘K palette
Forecasts, exports, invoices — one search, one action.
WEEK 03–04
Real time
Balances and moves without Monday’s report.
WEEK 05–06
Team
Invite a teammate without a 3-day IT ticket.
Open Meridian like a pro tool
Type a command — everything is simulated.
Open ⌘KBack to the brief
You’ve left the demo screens — next: try it, then the craft notes.
03 · CFOs & office managers
Fewer spreadsheets, more decisions
“We export CSV before the board — zero Slack ping-pong.”
“The palette replaces three menus nobody opened.”
04 · Keyboard demo
Open Meridian like a pro tool
Type a command — everything is simulated.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
Local demo — no data is sent.
05 · Same family
Other directions of the same type — to compare density and mood.
06 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)