UAStart a project
Case study

Ballast

Ballast is a business account for small creative studios that get paid in dollars and pounds but pay rent in euros. The site had to feel as calm as the product: black panels, concrete and daylight, and one steel card.

Project
Ballast
Industry
Fintech · business banking
Scope
Web design · Build · Motion
Built with
HTML, CSS, vanilla JS, Canvas
Year
2026
Ballast — A business account for studios that bill clients abroad: local details in 34 currencies, tax set aside on every payment, a steel card.

Money that stays still

The brief

Studios of one to forty people bill clients in other countries. Payments arrive late, in the wrong currency, and tax money gets spent by accident. Ballast wanted a landing page that explains three ideas fast: get paid like a local, put tax aside automatically, let idle cash earn something. It should look expensive and quiet, not like another neon bank.

What we did

We built the page as two full-screen panels that swap with one scroll: the hero slides away and the three feature cards assemble piece by piece. The steel card in the hero turns once on load, follows the cursor and changes finish. Below, an invoice from New York converts and splits into pots while you watch, the steps of opening an account move sideways as you scroll, and a live counter shows money paid in today. All photos are one series of concrete rooms and daylight, graded to the same tone.

The live site

Scroll the site right inside the frame, or open it full screen.
webraw.studio/sites/ballast/Open the site

The first screen

Homepage · Desktop 1440
Ballast: first screen of the homepage

The full page

One long scroll, split into three columns — top to bottom, left to right.

Ballast: full page, part 1 of 3
Ballast: full page, part 2 of 3
Ballast: full page, part 3 of 3

Details

Ballast: Three cards that build themselves
Three cards that build themselvesFeatures
Ballast: An invoice that splits on arrival
An invoice that splits on arrivalProduct
Ballast: Steps that move sideways
Steps that move sidewaysHow it works
Ballast: A live count of today's money
A live count of today's moneyNumbers

Colour & type

Palette — from the project file

  • Ink#020202
  • Graphite#262626
  • Panel#313131
  • Concrete#8C8A85
  • Daylight#EDE9E1

Typefaces

AaFigtreeUppercase headings with tight tracking
AaInstrument SansBody text, numbers and labels
Next case

Teatro Nuvola

Teatro Nuvola — A season site for an opera house in Turin that plays like a film: the lights go down, the curtain opens and the camera flies through the stage into the season.
Start a project

Let’s launch.

Send a short brief or a link to your current site. You’ll get a clear plan, timeline and quote — no sales call required.

  • Reply within one business day
  • Design, build and launch by one team
  • One week of post-launch support included

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw