Bryan Bigham

TM

Rochester Municipal Website Redesign

2023
A mockup for a Macbook for Rochester's Website

A redesign of the City of Rochester’s website focused on clarity, accessibility, and visual cohesion—built to better serve residents, visitors, and city employees.

A redesign of the City of Rochester’s website focused on clarity, accessibility, and visual cohesion—built to better serve residents, visitors, and city employees.

Client:

City of Rochester

Client:

City of Rochester

My Role:

Sole Product Designer

My Role:

Sole Product Designer

Year:

2023

Year:

2023

Service Provided:

Figma, Advanced Protyping, Branding, Micro-animations

Service Provided:

Figma, Advanced Protyping, Branding, Micro-animations

A screenshot of the website's header

Problem & Goal


The City of Rochester’s website, once functional, now over a decade old, no longer reflects the vibrancy of the city itself. Cluttered layouts, dense text, and outdated design make it hard for residents, visitors, and business owners to find what they need.

Goals:

  • Create a clean, modern experience that matches the city's identity

  • Simplify navigation and improve content accessibility

  • Enhance readability and consistency

Process


  1. Audit & Analyze: Reviewed the original site to identify usability issues and visual inconsistencies.

  2. Navigation Redesign: Simplified the user flow by centering the experience around a single, intuitive search bar to guide users directly to what they need.

  3. Wireframing: Created both low-fidelity and high-fidelity wireframes to explore layout options, refine hierarchy, and test structure before final design

  4. Visual Design: Developed a modern design system in Figma with clean typography, flexible components, and subtle micro-animations to create a more engaging and delightful user experience.


  5. Accessibility: Adjusted contrast, type sizing, and layout structure to support a more inclusive experience.

Final Design


The redesigned website blends clarity and accessibility with a visual language inspired by Rochester’s print heritage. I used a print-informed layout and typographic system to reflect the city’s identity and apply my own background in editorial design to a digital format.


Key features:

  • A search-focused homepage for intuitive navigation

  • Modular layouts for city departments, events, and alerts

  • A refined civic visual system with clean type and strong hierarchy

  • Subtle micro-animations to enhance usability and bring visual polish

Two screenshots of the website home page

Reflection & Takeaways


This project was a chance to connect my roots in print design with the challenges of creating accessible, user-first digital experiences. Drawing from Rochester’s history in printing gave the redesign a deeper sense of place, while allowing me to apply familiar layout and typographic principles in a new context.

I gained experience structuring complex civic content, designing for accessibility, and building consistent systems from the ground up. Most importantly, I learned how to translate traditional design values into modern, usable interfaces—something I hope to keep exploring in future work.