Fuel Prices, Mapped
A consumer app for finding the cheapest fuel nearby in Germany, rebuilt around a live map — design system, product, and front-end, shipped end-to-end and solo.
Maps, Energetics, Agentic Coding
Key outcomes
Designed and shipped the whole product solo — interface and production front-end code.
Rebuilt it on a design system, so a full redesign stayed consistent and cheap to extend.
Coded the live map myself on the HERE Maps API — design and engineering in one loop, not a handoff.
Context
An existing German service for comparing fuel prices needed a redesign and a rebuild. Anyone uses it to find the cheapest place to fill up nearby. I took it end-to-end — system, product, and code — on my own.
My role
Solo, end-to-end: design system, product design, and the front-end build — coded with AI against the HERE Maps API. Designer and engineer in the same loop.
A design system as the backbone. I built the system before the screens — so a full redesign stays consistent and every new view is cheap to ship.
The map is the product. The whole experience is a live HERE map of every station in range — search, fuel type, and radius narrow it down to one personal decision.
The answer finds you. In a field of blue price pins, the cheapest one in view turns green — you see where to go before you read a single number.
Density, made legible. Thousands of stations across Germany would bury the map, so they collapse into counted clusters that break apart as you zoom — a problem solved in design and code at once.