RoadForge

RoadForge is a concept site for a road-building and infrastructure contractor, structured around the full journey from survey to surface. Live-feeling project cards, a construction timeline and four planning tools carry a visitor from an idea for a road through to a paved, striped result.

Road projects are measured in kilometers, tonnes and percentages that are hard to picture in the abstract. The challenge was giving a visitor a felt sense of scale — how big a project actually is — before they ever request a quote.

Present civil infrastructure work at the scale it actually operates — regional, multi-year — without the page becoming visually overwhelming.

I built four connected planning tools — a road-project estimator, a dimension calculator, a material-quantity calculator and a cost estimator — so scoping a road happens progressively, each tool feeding a clearer picture of scale and material need. A live-style project board (northern bypass, riverbend resurface, westgate interchange) keeps the numbers grounded in named, in-progress work.

A high-contrast dark theme with a hazard-yellow accent pulled directly from road striping, paired with real paving, surveying and aerial-progress photography so the tools feel like they belong on an active job site rather than a generic calculator page.

Built with semantic HTML5, modular CSS and vanilla JavaScript. All four planning tools and the progress tracker run client-side against illustrative formulas — the site is explicit that every project starts with a real survey regardless of what the estimator shows.

An infrastructure concept that turns road-scale numbers into something a visitor can build up progressively across four connected tools, while keeping every figure clearly framed as preliminary.

Public infrastructure work benefits from status framing — the same information reads as more credible when presented as a live state rather than a static claim.