Skip to content

Government website design and development · Wisconsin, USA

Racine County:
one front door for every county service.

A Wisconsin county's departments, services, forms and news had to come together in one place that residents, businesses and visitors could use without knowing how the county is organised. We designed and developed it.

Government · County Services · www.racinecounty.gov

Racine County homepage on desktop: a lighthouse framed by autumn trees, with a 'Welcome to Racine County' panel and navigation for Our County, Departments, Business and How Do I
The same homepage on a phone, with icon shortcuts to county services
Homepage · desktop 1,440 px and phone 390 pt · Internet Archive copy, 6 October 2026One front door for a whole county.
About the client

Racine County
Government · County Services

Racine County, on the shore of Lake Michigan in south-east Wisconsin, runs many departments, from child support and the circuit court to public safety, finance, parks and health and human services.

Its website serves three audiences at once: residents who need a service, businesses who need a permit or a contact, and visitors who want to know what the county offers.

The challenge

What had to change

  • 01Many departments, each with its own services, forms and contacts, had to sit in one coherent site.
  • 02Residents look for a task, not for the department that owns it.
  • 03Property tax information, maps and GIS, jobs, public safety, events and news all needed a clear home.
  • 04The site had to work for residents, businesses and visitors, on every device.
What we delivered

The solution

A centralised platform

Challenge

County information was spread across departments.

Solution

One website that brings every department, online service, form and announcement together under a single structure.

Result

One place to start for anything the county does.

Navigation by audience and task

Challenge

Residents rarely know which department owns their problem.

Solution

Top-level routes for Our County, Departments, Business and How Do I, so people can start from who they are or what they need.

Result

Residents can start from who they are or from what they need.

Every department, one grid

Challenge

A long list of departments is hard to scan.

Solution

A visual departments directory with a photographic tile and a dedicated section for each department.

Result

The right office is easy to find.

Services people come for

Challenge

The most-used services were buried.

Solution

Clear homes for online services and forms, property tax information, GIS and maps, employment opportunities, public safety resources, events, news and community programmes.

Result

Common tasks are a click or two away.

Built for every device

Challenge

The site had to work as well on a phone as on a desktop.

Solution

A responsive design with icon shortcuts to the main services on small screens.

Result

The same services on a phone as on a desktop.

The materials

Civic navy,
with a touch of gold.

The colours are sampled from the live site, and the typefaces are the ones it loads.

  • County navy#022D65
  • Tile navy#0B3451
  • Logo gold#CCA86E
  • Paper#FFFFFF
Display
Crimson Text, a serif, for headings
Text
Open Sans for navigation and copy
Accent
Gold, from the county's own logo
Close-up of the header: the Racine County logo and the four main menus with their icons
Header at four times screen resolution.
Top to bottom

Every page,
top to bottom.

Not a cropped hero: whole pages exactly as they are live. Scroll inside either screen, or play both.

The full Racine County homepage from header to footer
The full Racine County homepage on a phone
Desktop home 1,440 × 3,154 pxPhone home 390 × 1,083 pt
In use

The moments
we engineered

Pieces of the brief, caught mid-use on the live site.

The Departments page: a grid of photo tiles for Child Support, Clerk of Circuit Court, Public Safety Dispatch, Corporation Counsel, County Board, Finance, Human Resources and more
Departments

Every department, one grid

Each county department gets a photographic tile and its own section, so residents find the right office without knowing how the county is organised.

On a phone

The same site,
in the hand

Service shortcuts as icons on the phone, so residents reach a form or a department in one tap.

Racine County homepage on a phone
Home
Departments on a phone
Departments
Business section on a phone
Business

Screens from the Internet Archive's copies of racinecounty.gov (latest 6 October 2026); the live site does not allow automated capture. The client may have changed the site since.

The stack

Technology

  • Government website design
  • Content management for departments, services and news
  • Departments directory
  • Forms and online services
  • GIS and maps integration
  • Responsive design
Project outcomes

The results

One website bringing every county department and service together

Navigation built around residents, businesses and visitors

Property tax, maps, jobs, public safety, events and news given clear homes

A consistent experience on desktop and phone

Lessons

What other teams can take from this

Organise for the resident, not the org chart

People arrive with a task. A government site that starts from the task, not the department, saves everyone a phone call.

A directory is a design problem

A long list of departments is a wall. The same departments as a visual grid becomes something people can scan.

Shortcuts belong on the phone

Icon shortcuts to the most-used services make a large public site usable on a small screen.

Why they chose this team

Why PixelCrayons

  • Experience structuring large, many-department sites around how people actually look for help.
  • Design and development from one team, from the information architecture to the build.
  • Content structures the county's own teams can keep current.

The services behind this result

A website like this is our own design and web team's work, start to finish.

Want a result like this
on your own numbers?

A senior strategist records five minutes on your website: speed, search rankings, AI visibility, conversion leaks. Yours to keep, no strings.

No retainer required · NDA standard

Last updated