← Case-study library

Fuel Retail Platform

Express Energy Service Station

Published fuel prices and station information in one website.

Rodent role
Brand + Web Engineering
Project type
Client Project
Scope
Marketing site, pricing module, and station finder for a 24hr fuel retailer.
Open public project ↗
Express Energy Service Station interface preview
Project interface

The context

Why this system exists.

For a service station, the highest-value web questions are practical: what information is current, where is the station and how does a driver get there? The project organises those answers inside the Express Energy brand.

The problem

The operational or engineering gap.

Express Energy needed a clear web presence where drivers could find station information and current published prices.

Key requirements

What the system needed to make possible.

What Rodent built

A system, not a framework demonstration.

Rodent built a mobile-friendly marketing site with a fuel-price section, station information, and a route to directions.

Capabilities delivered

The working parts of the product.

Fuel-Price Publishing

Current published prices have a dedicated, visible module.

Station Information

Operational details are grouped for quick customer reference.

Directions

A direct route helps visitors move from information to a station visit.

Managed Content

CMS-backed information can be updated without rebuilding page structure.

Responsive Design

Priority customer information remains clear on a phone.

Brand System

Layout, type and colour create a consistent public business presence.

System architecture

Responsibilities separated into understandable layers.

  1. 01Next.js marketing site
  2. 02Daily price module
  3. 03Station locator
  4. 04CMS-backed content

Data / process flow

How information moves through the system.

  1. 01Price update → CMS
  2. 02CMS → Today's Prices module
  3. 03User location → Station finder
  4. 04CTA → Directions

Engineering decisions

Choices explained in operational terms.

Information Before Decoration

Price, station and direction paths remain prominent within the branded presentation.

Mobile-First Hierarchy

The layout prioritises information a driver is likely to need quickly on a phone.

Managed Updates

CMS-backed content supports routine updates without requiring layout changes.

Engineering challenges

Constraints addressed without inflated claims.

Fast access on mobile

Price, station and direction information is prioritised for drivers arriving on smaller screens.

Current public information

Editable content separates routine business updates from the application layout.

Technology in context

Tools selected to support the system.

Technology supports the product’s interfaces, data and release path. It is part of the engineering explanation, not the outcome itself.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Vercel

Outcome

A demonstrable result, without invented metrics.

The public website gives drivers one place to check the information the station publishes online.

Launched a branded fuel-retail web presence with a published price module, station information and a directions path.

Related services

Capabilities behind this project.

Build something similar

Need a system with similar capabilities?

Tell Rodent about the operational problem, users and constraints—not just the technology you think you need.

Discuss your projectExplore case studies