Digital Dirt, LLC · Website redesign
Homepage Concepts
Design directions for the new digital-dirt.net, each built out as a real working homepage rather than a flat mockup. Open one, scroll it, click things — then use your back button to come back and compare. As new directions come together they'll show up here too.
-
Concept 01
Cut & Fill
Professional and measured, built on the language of a plan sheet. Live topographic contours behind the hero, a services grid drawn with real plan symbols, a stationed process line, and an interactive cross-section where you drag a station and read the cut, the fill and the cubic yards.
Archivo · IBM Plex Sans · IBM Plex Mono
View concept → -
Concept 02
Grade Control
Darker and harder-edged. The vocabulary comes out of the cab: a live grade-control lightbar running a grading pass, hazard striping between sections, condensed equipment-decal type, and the six scopes laid out as a bid schedule with units.
Saira Condensed · Barlow · JetBrains Mono
View concept → -
Concept 03
The Report
Lighter and more conventional, built for an owner who wants to read the page rather than decode it. Larger type, high contrast, a two-tier masthead with the phone number set big, and nothing that moves on its own. Colour comes from the work itself: a cut & fill map in the hero and a real itemized quantity report you can tab through.
Bitter · Source Sans 3 · Roboto Mono
View concept →