Massachusetts Water Resources Authority

State-wide, educational water resource website launched for U.S. public authority

The Massachusetts Water Resources Authority (MWRA) is an American public authority that provides wholesale water and sewer services to 3.1 million people and more than 5,500 businesses in 61 communities in eastern and central Massachusetts. Their website is an important resource for public information on drinking water quality, the health of Boston Harbor and Massachusetts Bay, and progress updates on projects to improve water and sewer infrastructure. The website also serves as an educational tool to inform residents about community assessments, public records requests, school education, and other MWRA programs.

MWRA.com

Services Provided

  • Accessible Design
  • Custom Solutions
  • Website Design & Development
  • Custom Tools & Features
  • Content Strategy
  • Website Hosting
  • Website Support

The Challenge

MWRA’s website has approximately 22,000 visitors per month and is considered to be a key resource for public information, helping enable MWRA to communicate with residents and local communities. However, the previous website, built over 20 years ago, faced several challenges. Over time, it had accumulated an overwhelming amount of content, resulting in significant content bloat with thousands of pages. The site also featured an outdated design and unintuitive navigation system, which failed to reflect MWRA's growth and modern initiatives. Furthermore, it did not encourage visitors to engage, lacked functionality for accessing and communicating information, and fell short of current web accessibility standards. These issues were of significant concern to MWRA, especially considering the high volume of documents that users often search for to access public information. 
 
MWRA sought a modernized, accessible, and engaging website that would provide all members of the public access to a service-oriented platform. MWRA envisioned the new website as a central resource for public and supplier information while also supporting MWRA's education initiatives, such as promoting visitor tours of MWRA’s facility on the Island, school programs, and more. The goal was to establish a new site design that would be professional yet playful, with an approachable, friendly style to encourage users to stay, explore information, and engage. In addition to a new website design, MWRA sought a new content management system (CMS) that would be intuitive and quick to learn while also accommodating the future growth for both the organization and communities MWRA serves. 
MWRA homepage desktop and mobile view
MWRA projects and programs example

The Solution

Upanup recognized the importance of creating a welcoming and purposefully built website that aligned with MWRA's values and vision. The new website was designed to be user-friendly, visually engaging, and reflective of MWRA's commitment to transparency, education, and community engagement.
Key improvements included enhanced functionality, such as intuitive, service-based navigation and a robust search feature, enabling visitors to quickly and easily find the information that they need. The updated site also incorporates modern design elements that balance professionalism with approachability, creating a positive, friendly and engaging user experience.
To support MWRA's role as an educational resource, the website includes features specifically tailored to highlight its initiatives. Dedicated sections for public tours, school programs, and community resources help ensure that users can effortlessly access this information, which fosters stronger awareness of MWRA's activities and mission.
In addition, the new website was built on a scalable and user-friendly content management system (CMS), allowing MWRA's team to efficiently update content and adapt as the organization grows. This ensures that the website remains future-ready for the public and MWRA.
Through thoughtful design and development, Upanup delivered a solution that not only meets MWRA's immediate needs, but also positions the organization for continued success in its communication and outreach efforts.
 

Unique Features

  • Thoughtful Site Design - We developed a new, intuitive sitemap that provides users with a seamless navigation experience. This ensures that site visitors can quickly find the pages they need while gaining a better understanding of the website's overall structure. During the design phase, we presented MWRA with 2 custom design options, with a total of 12 distinct views. This approach allowed us to meet MWRA's specific design requirements while also capturing the organization's unique branding and visual identity.
  • Custom Search Functionality & Filtering - To enhance the user-experience (UX) and streamline the process of searching for information, our team implemented a customized unique search function tailored to MWRA's needs. This feature operates much like a 'shopping cart', efficiently pulling up relevant pages and files based on user choices. To further improve accessibility, we incorporated multiple custom filtering fields enabling users to refine their searches and locate information quickly. 
    Additionally, we designed and built various user-friendly drop down options on the left-hand side of the the Our Environment section of the website (see example: Recent Monitoring Reports). Upanup provided MWRA spreadsheets where MWRA inputted categories for each existing file and page on the site, including PDF, MS Word, MS Excel and HTML documents. This spreadsheet was then used to upload new category data to ensure everything was searchable and filterable as desired by MWRA.
  • Live Quab Cam - As per MWRA's request, we incorporated a live Quabcam on the bottom-left of the homepage, offering site visitors a real-time view of the Quabbin Reservoir. This unique additional creates a direct connection between users and MWRA's environment-focused mission.
  • CSO/SSO Maps - We also added interactive Combined Sewer Overflow (CSO) and Sanitary Sewer Overflow (SSO) Notification Maps into MWRA's website, providing users with a clear and accessible visual representation of sewer overflow notifications. These maps are a critical tool for promoting public awareness and transparency, aligning with MWRA's commitment to providing accessible information to the public. The information displayed on these maps is reported daily to the Department of Environmental Protection, making accuracy and real-time updates essential. Our implementation ensures that the data is reliably displayed and easy for users to interpret, empowering communities with up-to-date information on sewer overflow activity. 
    For the maps to be updated per regulatory standards, Upanup trained MWRA staff and provided specific users with access to the feed importer in the back end to upload sheets of data. The Excel files included information such as latitude and longitude values, start and stop time of the outflow, volume and rainfall amounts, which programmatically feed into the maps shown. These maps are not only a resource for public engagement but also a vital component of MWRA's regulatory compliance and communication efforts.
MWRA custom search options
Combined sewer overflow (CSO) notification map

The Results

MWRA now has a beautifully branded, accessible, and easy-to-navigate website sites that:

  • Promotes user engagement through intuitive navigation and interactive features.
  • Provides easy access to information with a robust search function and custom filtering tools.
  • Serves as a public educational tool, offering resources such as live reservoir views, environmental reports, and CSO/SSO maps.
  • Reflects the important work of the Massachusetts Water Resources Authority through a professional yet approachable design.
Since its launch in August 2024, the website has received positive feedback from both internal users and external audiences. Users have described the site as incredibly easy to navigate, visually appealing, and highly informative. The new site not only enhances MWRA's digital presence but also reinforces its mission of transparency, education and community service.