Case Study — 2026

Halden

A launch-ready marketing site for a business-banking platform — where the product sells itself through motion.

View live site ↗ Book a call ↗
Client
Halden (concept)
Role
Design & Front-end
Year
2026
Industry
Fintech / Business banking
Halden marketing site on desktop and mobile — navy hero with a live finance dashboard

Overview

Halden is a business-banking platform for startups and growing companies — accounts, corporate cards, bill pay and spend controls in one place. I built it as a concept brand to show how I take a fintech product from brief to launch: positioning and copy, visual identity, interaction design and a production-ready front-end.

The Brief

Most fintech landing pages look alike: a static dashboard screenshot, three feature cards and a logo strip. The goal was a site that feels as trustworthy as a bank and as alive as the product — one that shows what the software does instead of describing it, and still loads fast and reads well on a phone.

The Approach

The hero is the product. Instead of a screenshot, the dashboard is a working interface: new transactions arrive every few seconds, the balance and chart update, notifications fire and card limits fill up. It arrives tilted in 3D and settles flat as you scroll.

Every section below has one job and one interaction. Spend rules switch themselves on, a cursor approves a pending request against a live budget, the ledger syncs row by row, and a dot illustration morphs from ring to bar chart to card as the onboarding steps stack up. Manrope and Inter, a navy and orange palette and a single rounded corner carry the identity through cards, sections and buttons.

Motion That Explains

Smooth scrolling, word-by-word headline reveals, sticky stacking cards, a testimonial that lights up as you read and counters that land on the numbers that matter. Apart from Lenis for smooth scrolling, it's all hand-written in vanilla JavaScript and CSS, and visitors who prefer reduced motion get a calm, static version.

Hero with headline and a live finance dashboard — balance, chart, accounts and recent activity
Full-width mega menu with product links and a featured release card
Feature bento — corporate cards, spend controls, bill pay, multi-currency and insights
Approvals and accounting workflows with live budget and ledger sync
Onboarding steps as sticky stacking cards with a dot illustration forming a bar chart
Final onboarding step — issuing a card while the dot illustration forms a card outline
Security section with sticky heading and line-drawn icons
Customer quote and outcome stats
Pricing with a monthly and annual toggle and three plans
FAQ accordion and closing call-to-action with orbiting dots
Halden on mobile — hero, dashboard, spend controls and onboarding
Outcome
12 sections, one story

A complete, responsive marketing site — mega-menu navigation, live product hero, feature bento, workflows, onboarding, security, social proof, pricing, FAQ and CTA — built framework-free and ready to move into Framer or any CMS.

Next project InvestAZ →