Our method: Blue Ocean positioning and StoryBrand messaging - how we build sites that win
Case study · web-application-development

How we built a live UK fuel-price map for Quartix

A free live UK fuel-price map for Quartix: find the cheapest petrol and diesel nearby on an interactive map, built on the FuelChecker public feed.

Quartix fuel map - fleet fuel overview map shown on a desktop mockup

Client

Quartix Fuel Map

Sector

Vehicle tracking

Services

Software

Built on

Built with

Outcome

LIVE UK FUEL DATA public feed, no fabricated forecourts

The challenge

Fleet operators care about fuel price more than almost any other running cost, so a genuinely useful free tool is a strong reason to arrive at Quartix. The build had two hard requirements: the data had to be live public information with its licence attribution intact, and the map had to behave properly. Most map apps replace their markers on every viewport fetch, so zooming out leaves you looking at the handful loaded for the last view.

What we built

  • An interactive UK fuel-price map with a forecourt list, station detail pane, map layers and labels, and a heat-map overlay
  • Marker accumulation done properly: panning and zooming loads more forecourts and never removes the ones already on screen
  • Live data pulled server-side from the FuelChecker public API, with no mock fallback - when the feed is unavailable the map shows nothing rather than inventing forecourts
  • Open Government Licence attribution kept visible wherever the data appears, in the map attribution control and the station detail pane, as the feed requires
  • Grade switching, a VAT toggle, browser price alerts, an About Quartix overlay and a mobile install gate

The result

The map ships as a free public tool on live government fuel data, with the licence attribution intact and no fabricated data anywhere in it. Separate from the Quartix channel-partner engagement. Presented deliverable-led: no traffic figure is claimed here.

Related
More case studies