City Website Design Built Around People, Not Departments

City websites need to serve residents, businesses, and visitors while meeting ADA accessibility requirements and supporting the everyday functions of local government. That includes permit applications, utility payments, council agendas, parks registration, and other city services. At White Whale Web, we build custom city websites on WordPress so staff can manage content and residents can easily access the services they need.

Think about what brings someone to a city website. They may need to pay a water bill, check a permit requirement, understand a zoning notice, or find the next council meeting.

Most people aren't there to browse. They have a specific task in mind and want to find the answer quickly.

That's the real challenge of city website design. A city website has to serve an entire community across multiple departments and services. It also has to work well on the device someone happens to be using.

When it doesn't, residents get frustrated, and city staff often feel the impact too. More people call for help, updates take longer, and outdated content becomes harder to manage.

Most websites can focus on one primary audience. City websites can't. Residents, businesses, and visitors all use the same site for different reasons.

Residents may need utility information, permits, meeting agendas, or recreation programs. Businesses may be looking for licensing requirements, zoning information, or development resources. Visitors may want parks, facilities, events, or community information.

Good city website design brings those needs together without expecting people to understand how City Hall is organized. Someone looking for a building permit shouldn't have to know which department owns that information before they can find it.

People know what they need to accomplish. The website should help them get there.

Meeting agendas, minutes, council member profiles, public comment information, public records requests, election information, and city code all need a clear home.

Someone looking for next week's agenda shouldn't have to sort through years of archived documents. Staff also need a structure that makes it easy to publish and maintain new records.

These sections are usually task-driven. A contractor may need a permit. A resident may need to pay a utility bill. A business owner may be checking licensing requirements or zoning rules.

That makes clear paths especially important. Building permits, inspection scheduling, utility billing, payments, business licensing, and zoning information should all be easy to find.

Good municipality website design helps people move from question to action without sending them from department to department.

Parks and recreation sections often grow over time as cities add programs, facilities, and registration options. A good structure gives those departments room to grow without making the navigation harder to use.

Public works information often carries more urgency. Road closures, construction updates, maintenance notices, and service requests need to be easy to find and update.

Emergency information matters even more. Someone looking for evacuation routes, shelter locations, closures, or urgent contacts may have never used the site before. They shouldn't have to learn the website before they can find the information they need.

Cities and counties may both be local governments, but their websites serve different day-to-day needs.

County websites often place more emphasis on property records, courts, elections, and public health. City websites tend to have more frequent interactions around utilities, parks, business permits, public works, and planning.

Those differences should shape the website from the beginning. A city site shouldn't simply reuse the same structure as a county site with different department names.

We explain those differences in more detail in our guide to county website design.

ADA Title II requires state and local government web content and mobile apps to meet WCAG 2.1 Level AA, subject to specific exceptions.

For city websites, that affects nearly every part of the user experience. Navigation needs to work with a keyboard. Forms need clear labels. Images need appropriate alt text. Color contrast, captions, headings, links, and documents also need to meet accessibility requirements.

The compliance date depends on the size of the public entity. City governments serving populations of 50,000 or more must comply by April 26, 2027. Smaller cities and special districts have until April 26, 2028. The deadline moved. The underlying obligation did not.

Accessibility works best when it's built into the website from the start. It also needs ongoing attention as new pages, PDFs, images, and videos are added.

We cover those requirements in more detail in our website accessibility compliance guide.

Federal Digital Analytics Program data showed mobile traffic across participating federal government websites reaching about 58% in 2023. While that isn't city-specific data, it still shows how often people now access government information from a phone.

That matters because many city website visits happen away from a desk. Someone may be checking a road closure, looking up a park, reporting a problem, or paying a utility bill from their phone.

While a website can resize for mobile, it can still be frustrating to use. Menus, forms, payment links, documents, and frequently used services all need to work comfortably on a smaller screen.

That's why mobile performance should be part of local government web design from the beginning.

City information changes constantly. Council agendas get posted. Road closures change. Recreation programs open. Department information gets updated.

If every routine change requires a developer, even simple updates can take too long.

A well-built city website gives staff control over everyday content while keeping the site consistent across departments. It should also be easy enough to use so that staff feel comfortable making updates themselves.

At White Whale Web, we build city websites on WordPress for that very reason. Staff can manage routine content while still having technical support when they need it.

You can see a full overview of our approach through our government website design services.

A city can change quite a bit while its website stays the same. New programs are added. More services move online. Departments change. Residents rely more heavily on mobile access.

Over time, a website that once worked well can start falling behind the community it serves.

Keeping up doesn't mean chasing every web trend. It means ensuring residents can still find the services they need and that staff can keep the information current.

If your city website has become difficult to manage or frustrating to use, reach out to our team. We'd be happy to talk through what isn't working and what a better city website could look like.