UX / UI Designer
Service architecture, responsive interface direction, navigation, and civic page systems.
Public sector
DurhamRegion
A civic UX/UI redesign for myDurham 311, focused on service discovery, payment paths, responsive behavior, and resident-first navigation.
311 services
Help residents submit requests, find alerts, make payments, and track service status faster.
Findability first
Make the most common municipal tasks visible before users need to search.
2024 – 2025
Aug 2024 to Mar 2025 with the Region of Durham municipal team.
8 months
Eight-month redesign covering homepage, request entry points, payment paths, mobile behaviour, and reusable UI patterns.
Turn a civic portal into a more direct service gateway.
Durham residents needed a more direct way to reach high-demand services without parsing a heavy government website.
I reorganized priority actions around resident intent.
The work focused on homepage hierarchy, service request entry points, payment paths, mobile behavior, and reusable UI patterns.
Before and after
A more direct way into civic services.
The redesign shifted the page from a search-heavy municipal landing page into a resident task hub with three obvious starting points.
Information architecture
Navigation mapped around resident intent.
The sitemap clarified how broad civic categories could connect to high-demand request paths without making users understand internal departments first.
High-frequency categories like transit, water, garbage, and regional inquiries sit behind a task-led service request model.
Put resident tasks before organization structure.
Residents arrive with jobs to finish, not a department chart. The entry points lead with submit, track, and pay before the site asks users to choose a civic category.
Use accessible contrast and large, readable action targets.
Large targets and high-contrast states make the interface usable in rushed, mobile, or low-vision contexts.
Keep service status, alerts, and payment paths easy to recover.
Requests, payments, and alerts are recoverable from multiple moments, so users can return to the task instead of restarting.
Make responsive behavior feel like the same civic product, not a separate mobile site.
The same service model carries from desktop to mobile, preserving labels, priority actions, and content order across breakpoints.
Service journeys
Core paths became easier to scan.
The page system treats requests, tracking, and payment as sibling journeys, each with a direct entry point and supporting explanation.
Residents can scan alerts, requests, and topic cards before committing to search or a deeper navigation path.
The track-request screen explains the service lifecycle and keeps reference search close to the result area.
Water, tickets, permits, and waste payments are presented as direct choices with scannable descriptions.
Responsive system
Same civic product, smaller canvas.
Mobile and compact desktop states preserved the same service hierarchy, reducing the chance that residents would lose their place between devices.
Design system
UI parts were treated as civic infrastructure.
Buttons, nav states, footer patterns, and service modules were organized so the portal could scale without each new page becoming a custom layout problem.
Outcome
A public service experience that feels easier to trust.
The Durham Region work brings hierarchy, accessibility, responsive consistency, and task-first navigation into one more usable 311 experience.