The City of Boston was in need of a new digital home—one that emphasized a shift to a more welcoming tone and commitment to its citizens. More than 7 million people each year came to the Boston.gov site to tap into all sorts of city services: reporting a pothole, learning the assessed value of their property, paying a parking ticket, checking recycling schedules. Boston wanted to create a beautiful platform that would make the process of finding and navigating information easy and intuitive, one that prioritized the needs of its people.
The Boston.gov site had outgrown its existing structure and needed an overhaul. The user experience was mired by the fact that Boston City Hall has nearly 50 different departments, each with its own microsite, navigation and content standards that feed into a centralized site.
So the City of Boston hired IDEO to design its new digital home, Boston.gov. IDEO designers worked with the major stakeholders—department heads, employees, and Boston residents, with a focus on those in underserved communities and those with varying levels of technical proficiency—to gather insights into what users needed.
The objective was to design something that would simplify how people navigate the site, to make it easier for residents to find answers to common questions, and, in the process, serve as a community facilitator—an up-to-date, reliable resource that makes life in the city more manageable.
The site is organized by topic, and the building blocks of a topic page are modular pieces of functionality, called components. This makes the design infinitely flexible for the city—so it can continue to iterate and combine components in new, citizen-centric ways.
Rather than organize the site by the city’s departments, the design solution was rooted in illuminating relevant content by topics—people’s life moments—many of which overlapped through different branches of government. Owning a car in the city, for example, is closely related to preparing for winter, so bridging those common threads allowed for a more intuitive organizing principle.
In the process of the site redesign, IDEO also helped to create a visual identity system that underscores Boston’s strengths: the city’s confidence, humility, personality, and optimism.
From the new typography (clear and clean) to the use of space (uncluttered and structured) to the color palette (bright and contrasted) to a photographic scheme that focuses on moments of connection, the new IDEO designed visual identity is bold, clear, and most of all, Boston.
In addition to the web architecture and redesign, IDEO also produced a comprehensive style guide to help maintain design consistency, so departments can add content without compromising the overall integrity of the site, as well as a brand look that the city has decided to adopt across nearly all of its consumer-facing media. Now you’ll see the famous underlined B on T-shirts, banners, and even snow shovels.
Holding true to its mission to include Boston residents and all site users in its design process, the new Boston.gov site was piloted for six months, and the process document on the city’s blog (including the IDEO designed brand guide), before a full launch was rolled out in July 2016.
“The website should act like a helpful human. This is one of the big differences between the old site and the new site,” said Jascha Franklin-Hodge, the city’s chief of information technology in a Boston Globe article. “Oftentimes, when you looked at something on the old site, it would feel like you were interacting with some sort of lawyer-robot that was speaking to you in government-speak, using very formal language. We are trying to move away from that so your experience is akin to a person.”
The City of Boston was in need of a new digital home—one that emphasized a shift to a more welcoming tone and commitment to its citizens. More than 7 million people each year came to the Boston.gov site to tap into all sorts of city services: reporting a pothole, learning the assessed value of their property, paying a parking ticket, checking recycling schedules. Boston wanted to create a beautiful platform that would make the process of finding and navigating information easy and intuitive, one that prioritized the needs of its people.
The Boston.gov site had outgrown its existing structure and needed an overhaul. The user experience was mired by the fact that Boston City Hall has nearly 50 different departments, each with its own microsite, navigation and content standards that feed into a centralized site.
So the City of Boston hired IDEO to design its new digital home, Boston.gov. IDEO designers worked with the major stakeholders—department heads, employees, and Boston residents, with a focus on those in underserved communities and those with varying levels of technical proficiency—to gather insights into what users needed.
The objective was to design something that would simplify how people navigate the site, to make it easier for residents to find answers to common questions, and, in the process, serve as a community facilitator—an up-to-date, reliable resource that makes life in the city more manageable.
The site is organized by topic, and the building blocks of a topic page are modular pieces of functionality, called components. This makes the design infinitely flexible for the city—so it can continue to iterate and combine components in new, citizen-centric ways.
Rather than organize the site by the city’s departments, the design solution was rooted in illuminating relevant content by topics—people’s life moments—many of which overlapped through different branches of government. Owning a car in the city, for example, is closely related to preparing for winter, so bridging those common threads allowed for a more intuitive organizing principle.
In the process of the site redesign, IDEO also helped to create a visual identity system that underscores Boston’s strengths: the city’s confidence, humility, personality, and optimism.
From the new typography (clear and clean) to the use of space (uncluttered and structured) to the color palette (bright and contrasted) to a photographic scheme that focuses on moments of connection, the new IDEO designed visual identity is bold, clear, and most of all, Boston.
In addition to the web architecture and redesign, IDEO also produced a comprehensive style guide to help maintain design consistency, so departments can add content without compromising the overall integrity of the site, as well as a brand look that the city has decided to adopt across nearly all of its consumer-facing media. Now you’ll see the famous underlined B on T-shirts, banners, and even snow shovels.
Holding true to its mission to include Boston residents and all site users in its design process, the new Boston.gov site was piloted for six months, and the process document on the city’s blog (including the IDEO designed brand guide), before a full launch was rolled out in July 2016.
“The website should act like a helpful human. This is one of the big differences between the old site and the new site,” said Jascha Franklin-Hodge, the city’s chief of information technology in a Boston Globe article. “Oftentimes, when you looked at something on the old site, it would feel like you were interacting with some sort of lawyer-robot that was speaking to you in government-speak, using very formal language. We are trying to move away from that so your experience is akin to a person.”
We use cookies to improve your browsing experience. And cake to boost morale on Fridays. You can configure your cookies settings here, which will be carried over to all IDEO.com subdomain websites. Find out more about our cookie policy at ideo.com/privacy
×
Strictly Necessary Cookies
Strictly Necessary Cookies
These are cookies that are required for the operation of our Sites. They include, for example, cookies that enable you to log into secure areas of our Sites.
Performance Cookies
Performance Cookies
These allow us to recognize and count the number of visitors and to see how visitors move around our Sites when they are using them. This helps us to improve the way our Sites work, for example, by ensuring that Users are finding what they are looking for easily.
Product Analytics / Tracking Cookies
Product Analytics / Tracking Cookies
Advertising / Data Sales Cookies
Advertising / Data Sales Cookies
These cookies record your visit to our Sites, the pages you have visited and the links you have followed. We will use this information to make our Site more relevant to your interests, but also to ensure that we are aligning our Site in the best way with our target visitors. Our third party partner may use cookies or similar technologies in order to provide you advertising based upon your browsing activities and interests. If you wish to opt out of interest-based advertising click here (or if located in the European Union click here). Please note you will continue to receive generic ads.
