Feeding America

A gradual redesign for the largest hunger-relief organization in the nation.

A smiling person in a straw hat and pink top laughs outdoors near green plants, with a quote from Adriana of California reading

​Where we started: website optimization.

We’ve partnered with Feeding America since 2018, focusing first on two simple goals: drive donations and make website performance fast and stable.

We tackled this by migrating them off Luminate CMS onto Drupal 8, hosted on Pantheon, and layered in ongoing support for bug fixes, releases, performance optimizations, and forms migration. From this work, we saw great improvements:

  • +84% increase in pageviews
  • -16% decrease in bounce rate
  • +19% increase in pages per session
  • 28% increase in donations YOY on Giving Tuesday
A screenshot of the Feeding America "Ways to Give" donation page, showing a one-time and monthly donation form with preset amounts, and four giving options: Donate Online, Give Monthly, Donate in Honor of Someone, and Fundraise for Feeding America, along with a stat showing 98% of donations go directly to programs.

Building out a design system.

When the initial work of site optimization was done, we shifted our focus to long-term website strategy. The first problem to tackle was a legacy of design debt; we needed a cohesive, reusable design system so we could approach future work more efficiently.

We audited the website, pulling everything “out of the garage” to see what block patterns emerged, then repackaged what already existed into a tighter, replicable system. In conjunction with Feeding America’s brand team, we built out a digital style guide to house an expanded typographic and color system. This new system allowed for us to play with the look and feel of design elements without losing the essence of their highly recognizable brand.

:
A design style guide showing Feeding America's color palette of orange, yellow, olive green, navy, and light blue swatches, along with button and link styles for two colorways — white and green backgrounds — and accessibility guidance noting that orange should only be used for large headlines and icons, not small text or as a background with small text.

From transactional to transformational: a gradual redesign in action.

Beginning in 2020, Feeding America’s content strategy began to mature and evolve away from a primarily donor-centric website, and toward a movement-building transformational website. The website’s top pages needed to reorient around their multiple audiences — helping those facing food insecurity find food and resources easily, giving supporters clear paths to get involved, and keeping donors guided toward meaningful action.

The pages redesigned so far include the Homepage, Hunger in America, Who Faces Hunger, the Hunger Blog, Ways to Give, and Take Action. Each page features a strong visual hierarchy that optimizes for wayfinding and human-centered storytelling, with data woven in to reinforce that while hunger is large in scale, it’s still solvable when everyone works together.

Ultimately, the entire site will reflect this new audience-driven design, and we’re partnering with Feeding America every step of the way.

A collage of Feeding America website sections, including a "Take Action to End Hunger" call to action with photos of three community members, impact statistics showing 6.6 billion meals served and food insecurity in 100% of counties, a "Real Stories of Hunger" feature with a photo of Alyson, a Hawaii Food Bank beneficiary, a "Hunger in America" research section with photos of children, a "Join Us to End Hunger" section with icons for donating, advocating, fundraising, and volunteering, and a partners section featuring Amazon and BoxLunch logos.


Explore More

Collage of UI elements related to the Association of Corporate Counsel featuring a logo, search interface, member login, and images of a person working on a laptop and documents.

Association of Corporate Counsel

Easy-to-use resource library with powerful search features.

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.