StopWaste

A website that makes energy-efficiency and renewable upgrade programs accessible to 1.7 million regional customers.

A close-up photo of a compost pile with eggshells, food scraps, soil, and small green seedlings, flanked by three line icons representing a seedling in a box, a circular growing cycle, and an avocado, with four colored content-type labels below: Blog Post, Video, Success Story, and News.

Bringing a dated Drupal website up to speed.

StopWaste is a public agency working to advance environmental sustainability and prevent food waste in Alameda County, partnering with nonprofits, businesses, schools, and local governments. When they came to us, their website was showing its age; the information architecture was disorganized, the brand felt dated, and their Drupal install was due for an upgrade.

We redesigned the site from the ground up, updating to the latest version of Drupal, migrating to a new content model, and applying a cleaner visual language that better reflects their mission and surfaces clear calls-to-action throughout.

Untangling the information architecture.

The biggest challenge and opportunity on this project was reorganizing the site’s information architecture. 

Originally, content was organized around audience type and featured a main navigation bucketing users into “At Home, At Work, At School”. But StopWaste’s programs serve overlapping audiences — a business owner might share certain needs as a homeowner, for example — and we needed the new IA to address that.

So, we reorganized the top-level nav to be program-centric, with detail pages doing the work of narrowing down user type. This shift helps give users a clear picture of the breadth and depth of the programs StopWaste offers right away, making it easier to find the resources most relevant to them.

Two screenshots of the StopWaste website, old and new. Left shows the original homepage with a laughing family in the hero banner. The right shows the redesigned navigation and an expanded Programs & Services navigation menu.
Left: Screenshot of the old StopWaste homepage and navigation.
Right: Screenshot of the redesigned StopWaste homepage and navigation.

Serving a government agency’s unique needs.

Because StopWaste is a government agency, in addition to connecting audiences with resources, the website also needed to communicate rules and compliance requirements that certain audiences are legally obligated to follow.

To address these requirements, we brought government and state policy legislation and compliance information to the forefront of the main navigation. This gives visitors a straightforward place to understand obligations and next steps if they’ve received a citation.

We also made sure board and staff resources were easy to find; board meeting events (that link to agendas and meeting minutes) are surfaced in the utility nav so board members can get to what they need no matter where they land on-site.

A collage of StopWaste website pages, including a "Three Steps to Compliance" section with photos of outdoor compost and recycling bins, color-coded indoor waste stations, and a hand sorting materials into a green compost bin, a Household Hazardous Waste Program page with a photo of a man disposing of materials at a collection event, a Prohibited Hazardous Waste section, a Board Meeting Calendar listing upcoming committee and authority meetings in Oakland, and a stat card showing that 80% of shoppers bring their own reusable bags due to the bag ordinance.

Results

The redesigned website gives StopWaste’s audiences a clearer path to relevant programs and resources; 3 months post launch, metrics showed:

  • + 10.4% average engagement time
  • + 17.8% engaged sessions per user up
  • + 5.2% active users


Explore More

A collage of diverse small business owners, farmers, and community members across rural and agricultural settings. Photos include people working in greenhouses, farms, and local shops, alongside decorative blocks of blue and yellow. Subjects represent a range of ages, backgrounds, and abilities, including a person using a wheelchair.

Energy Trust of Oregon

A website that makes energy-efficiency and renewable upgrade programs accessible to 2.5 million regional customers.

A collage of EGPAF digital assets, patterns, and an image of people sitting. Colors are blues, greens, and a mustard yellow.

Elizabeth Glaser Pediatric AIDS Foundation

A WordPress project powered by faceted taxonomies and flexible navigation to help highlight research, stories, and impact.