DESIGN STUDIES · ALL PRICES ARE FICTIONAL EXAMPLES · NO LIVE REPORTS OR PRIZES
↗Lethbridge
Gas Board
ONE LOCAL IDEA.
TEN ORIGINAL DIRECTIONS.
Meet the designs ↓
10WAYS TO
GET THERE.
A WEBSITE FOR THE WAY YOU MOVE.

Same good idea.
Ten fresh takes.

Know today's gas price before you drive to the pump.

From quiet and minimal to full-throttle neon. Ten original mobile-first websites for a community-powered Lethbridge price board. Pick a direction. Make it yours.

Explore all ten ↘
12 sourced local stationsClearly labelled example pricesWorking demo report flowVerified-only sample points
THE COLLECTION

A different kind of local.

Live miniature previews, not screenshots.
Open any design and try the reporting flow.

10 design directions
Explore the design ↗
DESIGN 01Light / minimal

Clearline

↗

A crisp, mint-and-white editorial board with generous space and an easy-to-scan price list.

Mobile-first · Interactive report
Explore the design ↗
DESIGN 02Dark / dashboard

Night Shift

↗

A midnight dashboard with cool-blue accents, glowing price cards and a driver-first layout.

Mobile-first · Interactive report
Explore the design ↗
DESIGN 03Bold / wayfinding

Exit 03

↗

Alberta-highway-inspired green signs, route shields and bold directional typography.

Mobile-first · Interactive report
Explore the design ↗
DESIGN 04Warm / nostalgic

Good Mileage

↗

A nostalgic cream-and-red service-station board with pump-style price displays.

Mobile-first · Interactive report
Explore the design ↗
DESIGN 05Light / map-first

City Loop

↗

A map-first split screen with a custom schematic, interactive price pins and compact station rows.

Mobile-first · Interactive report
Explore the design ↗
DESIGN 06Playful / card grid

Pocket Fuel

↗

A playful lavender-and-lime bento grid with rounded tiles and snackable local insights.

Mobile-first · Interactive report
Explore the design ↗
DESIGN 07Editorial / newspaper

The Pump Press

↗

A warm newspaper treatment with serif headlines, ruled columns and a classified-style board.

Mobile-first · Interactive report
Explore the design ↗
DESIGN 08Dark / electric

Current

↗

Electric chartreuse on graphite, oversized condensed headlines and kinetic linework.

Mobile-first · Interactive report
Explore the design ↗
DESIGN 09Warm / local

Prairie Light

↗

A warm, landscape-inspired board with prairie-gold accents and an original coulee illustration.

Mobile-first · Interactive report
Explore the design ↗
DESIGN 10Utility / data-dense

Fuel Ledger

↗

A precise, data-dense blue-and-white station ledger with monospaced numbers and compact rows.

Mobile-first · Interactive report
MORE THAN A PRETTY FRONT PAGE

Built to
be tried.

01 / FIND

Your station. Your side of town.

Search real local station names, compare fictional prices and filter the 12-station sample directory by neighbourhood.

02 / REPORT

A small action, a useful board.

Open a report, attach a sample photo, enter a price and see the confirmation. Nothing is uploaded or sent.

03 / TRUST

Freshness stays in plain sight.

Report age, example verification and last-change times stay visible. Points are simulated; no actual draw is active.

✳

Real places. Honest prototypes.

Station addresses were checked against public listings. Prices, histories, verification, points, map placements and prizes are illustrative, not real. Reports reset on reload. No backend, ads integration, accounts or tracking.

See station address sources ↗
Lethbridge Gas BoardMade from scratch. Made for a local idea.Back to top ↑