Website Case Study

Live Gas Prices

Pump prices for Canadian and U.S. cities, paired with a straight answer to the question drivers actually ask: fill up today, or wait a couple of days.

Live Gas Prices website homepage

At a Glance

We own and operate Live Gas Prices, a pump price site for drivers in Canada and the United States. A driver chooses a country, a province or state and a city, enters how many litres they would add, and gets a verdict on whether to fill up now or wait, with the reasoning written out. Behind the verdict sit the weekly average pump price, the wholesale RBOB gasoline futures quote, a wholesale spot view for the next seven days and notes on what is pushing the price.

Project
Website
Sector
Consumer fuel prices and forecasts
Scope
Single-page price tool for Canada and the U.S.
Highlights
Fill-up verdict, city selectors, gasoline and diesel

The Brief

A price on its own does not tell a driver what to do. The site had to turn pump, wholesale and spot figures into a clear call, and be honest about how sure that call is.

  • Let a driver reach their own city in three choices: country, province or state, then city.
  • Answer fill up today or wait in plain language, with an estimated saving on the amount they plan to buy.
  • Show confidence, a likely range and the survey date, so estimates are never passed off as measurements.
  • Cover gasoline and diesel for drivers on both sides of the border.

What We Designed

The tool comes first. Dropdowns for country, province or state and city sit at the top with a field for the litres you would add, and the headline beneath asks the question outright: today's gas and diesel prices by city, and whether to fill up now or wait. The answer leads with the verdict itself, such as Fill up today, and a short paragraph explains why in everyday language.

Headings in Fraunces have a warm, editorial voice, Hanken Grotesk keeps the explanations easy to follow, and JetBrains Mono lines up prices and changes so the decimals sit in neat columns. A warm cream background with near-black text and a deep teal for the active fuel toggle keeps the tone calm and practical, like a well-made consumer guide, which suits a quick check before heading out.

Fill up or wait

A plain verdict on whether to buy now, with the estimated saving on the litres the driver entered.

City selectors

Country, province or state and city menus narrow the figures to one place, across Canada and the United States.

Wholesale behind the pump

The RBOB gasoline futures quote is converted to Canadian dollars per litre, since the pump tends to follow it within about two days.

Stated confidence

Every forecast shows its confidence, a likely range and the date of the city survey it builds on.

How We Achieved It

We designed the forecast to show its working. Retail and wholesale figures derive from public sources, chiefly Natural Resources Canada, whose weekly regional survey anchors the pump price for Canadian cities. Between surveys, the page estimates today's price from wholesale moves since the last one and labels it as an estimate, so a driver can always tell what was measured and what was modelled.

The footer is just as candid: prices are for general reference, and city figures below the metro level are modelled from the surrounding metro survey plus a local adjustment rather than surveyed pump by pump. A newsletter signup asks for an email address and a city, and there is a contact form too; both forms have spam protection, and email addresses on the page are shielded from scrapers.

Want a Website Like This?

Let's talk about what your business needs, or start with a custom five-page website for $49 US a month.