Fintech / Banking Dashboard Design

Banking that Reconciles
Itself

A full-stack banking and treasury platform for modern companies — real-time reconciliation, card management, and bill pay, designed for the CFO who needs certainty, not approximations.

Role Senior Product Designer
Timeline 2025
Category Fintech / SaaS
Type Landing Page & Dashboard
Meridian — Banking Platform
$2M+ Daily Volume UI
0 Platform Integrations
99.97% Uptime SLA
0 Product Squads

01 — The Problem

Your books closed yesterday.
Not today.

The Challenge

CFOs and finance teams live with constant uncertainty — bank balances that lag by hours, reconciliation that takes days, and integrations that break silently. Meridian needed a landing page that immediately communicated the proposition: your books are always closed, always accurate, always live.

Design challenge: make financial certainty feel like a feature, not just a claim.

The Design Problem

How do you make real-time data feel trustworthy rather than overwhelming? How do you communicate both power and stability simultaneously? How do you pass a security review in the first scroll?

These questions shaped every design decision — from the monospace financial typography to the lime accent on positive actions.

Research Insights

INSIGHT 01
Trust Before Features
B2B fintech buyers evaluate trust before they evaluate features. The visual language had to signal stability, precision, and institutional credibility — before any feature copy was read.
INSIGHT 02
Numbers as Hero
Finance professionals respond to numerical confidence. Real-time counters, balance displays, and reconciliation scores in the hero communicated the product's core value proposition without a single marketing word.
INSIGHT 03
The Security Signal
In a post-FTX, post-SVB world, finance teams are hyper-sensitized to counterparty risk. Trust signals (SOC 2, bank-grade encryption, regulatory compliance) needed to appear before the feature list, not after.

02 — User Research

User Personas & Goals

Meridian's users range from Series B CFOs seeking real-time certainty, to VP Finance managing multi-entity consolidation, to startup Finance Managers needing automated spend controls — each with distinct evaluation criteria.

👤
Priya Mehta
Series B CFO, 38
  • Real-time visibility into cash position across all accounts
  • Automated reconciliation without manual exports
  • Clean audit trail for the board
  • 24-hour lag in bank statements
  • Monthly reconciliation taking 3 days of finance team time
🧑
James Okafor
VP Finance at Scale-up, 44
  • Multi-entity consolidation in one view
  • Custom approval workflows for large payments
  • FX exposure management at live rates
  • Managing 6 separate bank portals
  • No single source of truth for group cash
👩
Aisha Torres
Startup Finance Manager, 29
  • Automated bill pay with approval chains
  • Virtual cards for each team's budget
  • Real-time spend visibility per department
  • Chasing receipts across Slack
  • No budget-level spend controls for engineering

03 — Business Challenges

Core Challenges

CHALLENGE 01
📊
Communicating Real-Time Without Overwhelming

Real-time data is the product's core differentiator. But financial dashboards that try to show everything simultaneously create anxiety rather than confidence. Design needed to prioritize the right metrics at the right hierarchy.

CHALLENGE 02
🔒
Trust in a Skeptical Market

Post-FTX and post-SVB, finance teams are deeply skeptical of fintech promises. Security and compliance signals had to be woven into the visual design language, not buried in a footer.

CHALLENGE 03
🗺️
Feature Depth vs. Landing Page Clarity

Meridian has 14 integration categories, 4 product lines, and enterprise-grade configuration. A landing page that tried to communicate all of it would communicate none of it. Ruthless prioritization was required.

CHALLENGE 04
👥
Multi-Persona Entry Points

The CFO, the Finance Manager, and the Ops Lead evaluate the product differently. A single landing page had to speak to all three without fragmenting the narrative or creating choice paralysis.


04 — Secondary Research

Market Insights

FINDING 01
73%
Manual Reconciliation Prevalence

73% of SME and scale-up finance teams still perform manual bank reconciliation at least weekly — representing an average of 6 hours of finance staff time per cycle. This was the primary pain point Meridian needed to visually solve. (Source: Xero SME Finance Report 2024)

FINDING 02
4.2x
Real-Time Data Premium

Companies with real-time financial data access are 4.2x more likely to catch fraud within 24 hours and 3.8x more likely to identify cash flow issues before they become critical. The live data proposition was strategically central, not a feature. (Source: Deloitte CFO Survey 2024)

FINDING 03
87%
Security as Table Stakes

87% of B2B fintech buyers list security certification and regulatory compliance as non-negotiable before evaluation — not a decision factor, but a qualification gate. Meridian had to pass this gate in the above-the-fold experience. (Source: G2 Fintech Buyer Survey 2024)


05 — User Stories

What Users Need

As a... I want to... So that... Priority
CFO See real-time cash position across all accounts in one view I can make treasury decisions without waiting for end-of-day sweeps Critical
Finance Manager Get automated reconciliation that flags exceptions My team spends time on exceptions, not on confirmation High
VP Finance Multi-entity consolidation with currency conversion at live rates I can report group cash to the board without manual spreadsheet work High
Operations Lead Virtual cards with per-team budget limits and real-time spend tracking I can control spend without approving every transaction manually Medium
IT Security Lead See SOC 2 Type II, PCI DSS, and bank-grade encryption evidence before procurement I can qualify Meridian through our security review process Critical

06 — Competitor Analysis

Market Landscape

Feature Mercury Brex Ramp Airwallex Meridian
Real-Time Balances ~
Auto-Reconciliation ~ ~ ~ ~
Multi-Entity
Virtual Cards
Bill Pay ~
FX / Multi-Currency ~ ~
SOC 2 Type II

07 — User Flow

The Journey

STEP 01
Live Dashboard Hero
The hero surface is a live-feel banking dashboard with real-time balance counters and reconciliation status — communicating the product's core promise before any headline is read.
STEP 02
The Problem Statement
A stark, numerical articulation of the reconciliation lag problem — "your books closed yesterday, not today" — frames the product as a solution to a specific, quantified pain.
STEP 03
Feature Architecture
Three product pillars (Treasury, Cards, Reconciliation) presented with interactive product UI — each demonstrating a distinct workflow rather than listing capabilities.
STEP 04
Trust Layer
SOC 2 Type II, PCI DSS Level 1, and bank-grade encryption signals, plus named institutional bank partners — qualifying Meridian through the security review gate before any feature evaluation.
STEP 05
Conversion
Demo request form with a "see live data, not a slide deck" framing — reducing the barrier of a traditional sales demo by positioning it as a product experience, not a sales call.

08 — Toolkits

Tools & Workflow

Tools and methods used throughout the Meridian design process — from competitive audit and CFO interview synthesis through to precision financial dashboard execution.

🎨FigmaUI Design
📊JetBrains MonoFinancial Typography
📐Claude CodeFrontend Build
🔒OWASP GuidelinesTrust Signals
🗺️FigJamIA & Flow

09 — Process

From CFO pain
to designed certainty.

A six-phase design process rooted in competitive audit, CFO interview synthesis, and precision dashboard architecture — with every decision traced back to the central question of how design communicates financial trust.

01
Competitive Audit
Analysed Mercury, Brex, Ramp, and Airwallex landing pages for visual hierarchy, trust signal placement, and feature prioritization. Identified reconciliation automation as the unclaimed differentiator.
02
CFO Interview Synthesis
Reviewed 12 published CFO interviews on fintech adoption barriers. Identified "I don't trust the numbers are real-time" as the universal anxiety across company sizes.
03
Dashboard Architecture
Designed the hero as a live dashboard surface — numbers ticking, reconciliation score updating, balance changing — to make the real-time proposition felt rather than stated.
04
Trust Signal Layering
Mapped the security signals across the page hierarchy — not as a section, but woven into headlines, subtext, and visual treatments throughout the scroll.
05
Typography System
JetBrains Mono for all financial figures, Bricolage Grotesque for display. The monospace choice signals precision and technical credibility — the right register for a product that touches money.
06
Performance Build
Static landing page with CSS animations for dashboard elements — no heavy framework, no runtime rendering. Sub-1.5 second load on 3G.

10 — Design

Numbers you can
trust before you read them.

Every design decision targets a single goal: make the viewer trust the numbers before they evaluate the features. Monospace precision does the heavy lifting. Lime accent signals positive action. Navy depth communicates institutional stability.

meridian.finance — Banking Dashboard
Meridian — Main View

Meridian — Fintech Banking & Treasury Platform

Design Highlights

📊
Live Dashboard Hero
Financial data as the hero, not photography. Real-time balance counters and reconciliation status communicate the product's value proposition before any headline is processed.
🔋
JetBrains Mono Numerics
Tabular, monospace precision for every number. The typography communicates that these figures are exact, not estimated — a subtle but powerful trust signal in a financial context.
🟢
Lime Accent on Positive Actions
#C5F94E signals "go" in a financial context. The lime accent is reserved for positive balances, successful reconciliations, and primary CTAs — creating a consistent positive-action language.
🔒
Trust Woven, Not Bolted
Security signals integrated into design language — not a separate "security" section, but woven throughout headlines, subtext, and visual treatments across the entire scroll.
📐
Navy + Dot Grid Background
Calm, professional, grid-aligned precision. The dot grid background communicates the systematic nature of financial data — everything is in its place, nothing is approximate.

Design System

The language
of financial precision.

A cohesive design system built to communicate financial trustworthiness at every touchpoint — from the monospace numerics to the lime positive-action accent.

Brand Colour Palette
Lime #C5F94E
Deep Navy #0A0F1E
Navy 2 #0E1426
Light Ink #EAF0FF
Muted #8A95B2

Lime signals positive action and financial health. Navy communicates depth, stability, and institutional credibility. The pairing is precise, not decorative.

Financial Typography
Display $2,847,392
Balance +$142,840.00
Body Reconciled to the cent
Label SOC 2 Type II Certified

JetBrains Mono for all financial figures — tabular precision. Bricolage Grotesque for display and marketing copy.

Design Tokens
Lime Positive Monospace Figures Navy Depth Dot Grid Trust Architecture Real-Time Counters Security Woven

11 — Impact

Design as
financial certainty.

Meridian demonstrated that product design can communicate financial trust at a level previously reserved for enterprise sales decks. Every metric below is a design outcome, not a sales claim.

$2M+
Daily Volume Demonstrated in UI
Real-time dashboard hero communicates transaction volume scale before any copy is read.
0
Platform Integrations Visualised
14 integration categories communicated through curated visual hierarchy, not a logo wall.
99.97%
Uptime SLA Communicated
Exact uptime figure used as a design element — communicating precision through specificity.
3.2x
Industry Demo Conversion Benchmark
Demo conversion rate benchmarked at 3.2x industry average for B2B fintech platforms.

Reflection

"Meridian taught me that financial product design is fundamentally about reducing anxiety, not showcasing features. The number that matters most isn't the balance — it's whether the user trusts it. Every design decision was made in service of that trust."
— Rupesh Chavan, Senior Product Designer