Selected work
Northfield: a town website organized around resident tasks.
Northfield is a fictional municipality we use to show the structure, page patterns, and accessibility decisions behind a Townline municipal project.
Concept project · Fictional municipality · Designed to demonstrate Townline’s approach
The challenge
Important information existed. The experience connecting it did not.
Northfield’s fictional legacy site reflected common municipal problems: navigation based on departments, disconnected agenda packets, buried meeting dates, inconsistent permit pages, and no clear path for urgent updates.
The redesign reframes the website as a collection of resident services. A utility payment, zoning permit, council agenda, road notice, and parks registration each receive a clear owner, content model, and completion path.
Northfield website concept
WELCOME TO NORTHFIELD
Connected to
our community.
Find a service →Design decisions
Six decisions shape the whole concept.
Task-first entry points
Popular actions appear before organizational detail, reducing the number of choices required to begin.
Structured meetings
Dates, bodies, locations, agendas, packets, minutes, and recordings follow one predictable model.
Visible public notices
Urgent and time-sensitive information has a consistent location, hierarchy, and expiration workflow.
Plain-language content
Headings, summaries, instructions, requirements, and contact options answer resident questions directly.
Accessible interaction
Semantic structure, visible focus, keyboard operation, contrast, touch targets, and zoom tolerance are foundational.
Reusable publishing
Staff work from defined content types and templates instead of rebuilding layouts page by page.
System inventory
The homepage is only one piece.
The concept connects 15 recurring page and content types so residents do not have to learn a different layout in every department.
- Homepage
- Department landing
- Service guide
- Meeting detail
- Board profile
- Event detail
- Public notice
- News article
- Document library
- Staff directory
- Facility page
- Search results
- Form workflow
- Emergency state
- 404 and recovery
Intended outcomes
What the concept is meant to improve.
Your website