Westhaven Department of Public Works
A public works website system that helps a growing western city understand its services, permits, projects, alerts, and neighborhood impacts — with less confusion.
Westhaven is a growing western city where older neighborhoods, new development, and regional transportation corridors meet — and its Department of Public Works had outgrown its old website. Roads, stormwater, utilities, permits, snow response, traffic signals, and a growing list of capital projects were scattered across PDFs and department pages. Optimistic designed a public works clarity system: a civic brand, a resident-first website built around real tasks, an active-projects dashboard, a permit center, and a place for major projects like the I-82 Civic Greenway to live. This is a concept piece, built to demonstrate our approach; the city and department are illustrative.
We don't rebuild a city department's website. We turn fragmented public works info into a clarity system.
Westhaven Public Works is not a new department — it's an established one whose responsibilities expanded as the city grew. The old website worked when the job was mostly posting road closures, permit PDFs, and staff phone numbers. But the department now manages road maintenance, snow response, stormwater, utilities coordination, sidewalks, bridges, traffic signals, capital projects, right-of-way permits, construction impacts, public meetings, and emergency alerts.
The infrastructure work had become more visible, more disruptive, and more important to daily life — but the digital communication still felt fragmented. Buried permit forms, closure notices spread across pages, too many PDFs, no central project dashboard, and residents calling staff because they couldn't find answers. The brief wasn't a prettier site — it was a public works clarity system.
One journey, applied to Westhaven Department of Public Works.
Map the real resident tasks
We rebuilt the architecture around what residents actually need — report an issue, find a closure, apply for a permit, check a project — instead of the department org chart. Plain language replaced internal classifications.
A civic brand system
An official-but-modern identity: a "W" infrastructure mark built from a road line, a water line, and a greenway path — in a dependable navy / infrastructure-blue / public-works-green / signal-amber palette, set in Public Sans + Inter.
Resident Action Center first
The homepage leads with a search and the six most common resident actions, plus a live "Today in Westhaven" status panel for snow, water, trash, and traffic signals — answers in the moment, not three clicks deep.
Dashboards, permits & governance
An active-projects dashboard, a single permit center to replace buried PDFs, a central alerts feed, and a content model with clear page ownership so the site stays current — including a home for major projects like the I-82 Civic Greenway.
We built the department a system identity — not just a logo.
Westhaven Public Works needed to feel official enough for a city department, but modern enough to feel useful. So we designed the brand first: a "W" infrastructure mark, a high-contrast civic palette, and signage-ready type that works on a website, a permit, a truck, a hard hat, and a project sign.
The mark is a single "W" built from three stacked lines — a roadway, a water/stormwater line, and a greenway path — the three systems the department maintains. One mark, one system, every touchpoint.
Inside the Westhaven Public Works brand book.
An official civic identity built for clarity — a systems-based mark, a high-contrast palette, government-grade type, and a plain-language voice.
The "W" is built from three lines — road, water, and greenway path — with two signal-amber nodes. Keep clear space equal to a node's diameter; never recolor the nodes or separate the three lines.
One civic brand, every touchpoint.
A public works department lives in the real world — at the counter, on the truck, on a door hanger, on a road sign. The same mark, palette, and plain-language voice carry from the website's Resident Action Center to a printed road-maintenance notice taped to a neighborhood door.
A public works clarity system
Resident Action Center
Search + the six most common needs (report an issue, road closures, permits, projects, snow, contact) — the front door for every resident task.
Today in Westhaven, live
A real-time status panel for snow & ice, water & utilities, trash & recycling, and traffic signals — color-coded and current.
Active Projects Dashboard
Project cards with status, location, timeline, budget, phase, and current impact — including the marquee I-82 Civic Greenway.
Permit Center
One clear path for right-of-way, utility, driveway, street-use, special-event, and staging permits — apply online with status tracking.
Alerts & Closures
A single place for road closures, utility interruptions, snow routes, detours, and emergency work — never scattered across pages again.
Report it once, track to done
Residents report a pothole, light, or leak with a photo, get a tracking number, and watch it move from received to resolved.
Answers in the moment — not a filing cabinet of PDFs.
A task-first public works platform: residents report an issue, check a closure, apply for a permit, or follow a project from the homepage — not after navigating department pages. The city, department, and data shown here are illustrative concepts.