← Work Case study

Case study · Cloudstudio in-house

FIREVALLE

A personal-finance app where your net worth is a low-poly valley you cultivate — and the launch site that lets you grow it with a scroll.

Visit firevalle.app All work
Client
Firevalle — in-house product
Deliverable
iOS app + launch site
Role
Product, design & build
Year
2026 · Valencia

( The brief )

Nobody feels a
spreadsheet.

FIRE — financial independence, retire early — runs on one number you will not reach for fifteen years. Every app in the category answers with the same thing: a table, a percentage, a line going up. None of it feels like anything.

So Firevalle turns the number into a place. Every savings goal becomes a plot of land, every contribution waters it, and your FIRE progress is the wheat field at the centre of the island. Miss a month and nothing scolds you — the valley simply grows slower. Calm, not anxiety, was the first product principle.

A number nobody feels. A valley everybody does.

( Plot by plot )

01The valley
14 % cultivated

Your net worth, as a place.

The home screen is a low-poly island rendered with three.js on top of expo-gl: a dozen plots ring the central FIRE field, and each goal grows through four stages — furrows, sprouts, crop, harvest — as money goes in. Sheep wander, the mill turns, ducks sit on the pond.

The scene reads the device clock, so dawn, day, dusk and night light the same valley differently. No manual toggle, no gimmick: open the app at eleven at night and the water goes deep blue.

Firevalle home screen at midday — the low-poly island with its plots and the net worth card on top.
Day
The same valley at dusk — warm light, long shadows across the island.
Dusk
The same valley at night — deep blue water and cool moonlight.
Night
02Accounts & goals
28 % cultivated

It never phones your bank.

Balances are typed in by hand, deliberately: no aggregator, no credentials, no bank connection at all. Each account declares whether it counts towards FIRE, and a bevelled stacked bar shows the composition of the whole estate at a glance.

Goals carry the building they raise — hives for the emergency fund, a camper for the trip to Japan, a house for the flat deposit, a solar field for the electric car. Reach 100 % and you harvest the plot: it moves to a permanent record of what you already achieved, and the land is free again.

Accounts screen — balances grouped by type, each one marked as counting towards FIRE or not.
Accounts
Goals screen — each goal with its low-poly building, amount saved, percentage cultivated and monthly pace.
Goals
03The daily walk
42 % cultivated

One minute. Nothing to buy.

Most finance apps hold you with alerts about spending. Firevalle asks for a walk: pick one of three routes — Clarity (revisit a number and decide whether it still tells the truth), Knowledge (one financial idea, no products), Horizon (look past today's balance at risk, time and the road to your FIRE number). Each walk sets a mission, grows a grove and extends a streak, and the screen says it out loud: no route rewards spending or moving money.

Market is the same idea pointed at the outside world. No tickers, no portfolio connection: four signals explained in plain language, and an honest note that live quotes will only arrive when there is a source that doesn't need your searches or your IP address.

Today's walk — six walks in a row, twelve days cultivated, and three routes to choose from: clarity, knowledge and horizon.
Today's walk
Market screen — context, not noise: four signals explained and an honest note about why there are no live quotes yet.
Market, without noise
04Progress & learning
57 % cultivated

Two seconds of reading.

Evolución charts net worth, contributions and FIRE progress on a curve you scrub with your finger. The FIRE number is annual spend divided by withdrawal rate, and only investable accounts count towards it — the maths is shown, never hidden behind a score.

Aprender adds twenty two-minute capsules — compound interest, inflation, index funds, fees — each ending on the same line: what this looks like in your valley. Progress is tracked like a garden, with a permanent "this is not financial advice" at the bottom.

Evolution screen — scrubbable net worth curve, FIRE number card and market shortcut.
Evolution
Learn screen — twenty capsules with completion state and a knowledge-garden progress bar.
Twenty seeds
A capsule on compound interest, ending with the in-valley analogy.
A capsule
05The launch site
71 % cultivated

The demo is the product.

firevalle.app opens on the same island, running in the browser through WebGL, with the headline set straight into the scene instead of on a card above it. Scroll and it moves through five beats — first sprout, first goal, life arrives, everything takes shape, the village grows — while the counter climbs from 12.500 € to 104.800 €.

Drag to orbit, scroll to cultivate. There is no video, no mockup and no feature list: the visitor plays with the actual scene the app ships.

Firevalle landing hero — the island full-bleed with 'Tu patrimonio, ahora vivo' set into the scene.
Fourth scroll beat — the full village, 104.800 € of net worth and nine live goals.
06Sections that demo
85 % cultivated

Show the thing working.

Every section on the site is its own little machine. The wealth card fills row by row as you scroll and the total climbs from 17.050 € to the full estate; the learning module is a tabbed stage with a live 3D field behind it — a flock of sheep for inflation, scattered crops for diversification.

Headlines carry the app's type signature: first line solid, second line drawn in outline — the same treatment you're reading on this page — with every label set in mono.

Wealth section — 'Cada cifra en su sitio' beside a dark card listing accounts as they light up.
Learning section — a tabbed capsule about inflation over a live low-poly field with sheep.
07Local first, one price
100 % — harvest

Zero bytes. 7,99 €.

Accounts, goals and FIRE profile live on the device and nowhere else. There is no account to create, no cloud to sync with and nothing to breach; the site states it as a single number — a giant lime zero for the financial bytes that reach a Firevalle server — with low-poly bees drifting through the dark.

The price follows the same argument. Free to start, one purchase to unlock the whole valley, restorable across devices, no subscription — the only honest model for an app about not paying subscriptions.

Privacy section — 'Tus cifras no viajan' next to a giant lime zero, with low-poly bees floating in the dark.
Pricing section — one-off 7,99 € beside an animated low-poly sailboat.
The site's closing frame — 'Haz crecer algo tuyo' under a small lit island at night.

( Under the hood )

One scene,
two runtimes.

01 · Engine

three.js, twice

The same farm scene runs on expo-gl inside the Expo/React Native app and on plain WebGL in the browser. Flat shading, basic shadow maps, no post-processing — the style is modelled in the poly, never filtered on top. Touch reconciliation, pinch, two-finger rotate and plot taps all live in the scene, not in the DOM.

02 · System

Low-poly as a design system

A pastel palette tinted by four day phases, diamond bullets, bevelled bars, Space Grotesk and DM Sans. The procedural buildings — hives, camper, watermill, greenhouse, solar field — are modelled once and reused as 3D scene props, list icons and capsule illustrations, in the app and on the site.

03 · Local first

No backend at all

State lives in AsyncStorage on the device: no accounts, no sync, no analytics, no trackers, nothing to breach. Capsules and market context ship bundled, so the app works with the radio off — which is also the argument.

Grow something.

We design and build products where the interface carries the idea — 3D, motion and the boring parts underneath. Tell us what you want to launch.

Book a call firevalle.app ↗
Next case study Agents →
cloudstudio.es·Est. 2008 · Valencia·hello@cloudstudio.es