Skip To Content

Big Green

A ground-up redesign of the website for a non-profit helping to promote gardening and healthy eating across the United States

Big Green Growing Food Changes Lives

We partnered with Big Green to rebuild and update the national nonprofit’s website from the ground up, including the WordPress website, resource database and organizational system, a brand identity update, and new custom illustrations.

Supporting a well-established non-profit in transition

When the team at Big Green approached us, they had a WordPress site they couldn’t edit, and as a result they had created a handful of satellite sites due to the lack of flexibility. They also were transitioning from being more programmatically driven to doing more grant-making, and they wanted their site to reflect their new identity.

One of the wonderful things about Big Green is their deep well of resources for school, home, and community gardeners. Their current site just wasn’t up to the task of categorizing and surfacing these tools, so we knew part of our job would be to create a new system.

Big Green Desktop and Mobile Designs
Big Green Type Sample Nan HoloBig Green Art Direction Photography

Bringing the website into the present

Our task was clear: to create a cohesive, organized, and flexible new website that could be easily adapted to future needs, as well as an update to their look and new custom illustrations. We started with the new look and feel, with colors inspired by the vegetables often grown in Big Green gardens, and NaN Foundry’s Holo typeface. These elements come together on the site with bright sunburst graphics and bold, colorful imagery to create a friendly, positive, and confident visual identity that feels modern.

Big Green Sunbursts
Big Green Mobile Screen DesignBig Green Mobile Screen DesignBig Green Mobile Screen Design

A modular system to insure future usability

We knew with a nonprofit of their size, Big Green would need the ability to create new pages on the fly as they added new programs. A modular design was our plan. We started by completing a full audit of all of their pages, sites, and resources. From there our UX team created a new site map and wireframes that brought together the disparate satellite sites, and outlined a new system of organizing the resource database. 

Big Green Modular Screens

Once UX was complete, our design team created visuals for each page with our new modular system, making sure all the pieces slotted together. The full breadth of pages included Big Green’s programs, their staff, contact info, and financials, the resource database, and pages on grant-making through their Big Green DAO (Decentralized Autonomous Organization, a grant-making entity governed by blockchain). For the DAO in particular, we established a different visual style in order to communicate its standalone functions and give it a slightly futuristic, tech-forward feel.

Big Green User Interface Elements

A new suite of custom garden illustrations

Part of the DNA of Big Green’s previous identity was their vegetable illustrations. We knew from the beginning that illustration would remain a part of their new identity, but we wanted to make sure the new style would fit in with their new font, clean layouts, and colorful backgrounds. Our solution: all black silhouettes of vegetables and garden tools with textured accents and an organic (no pun intended!) feel. The curves of these custom illustrations work to soften the straight lines found elsewhere across the site, and because they are all black, they look incredible printed as well as on the web.

Big Green Illustrations

if you liked this project you might be interested to see our redesign and rebuild of AmpleHarvest.org

feeling like we might be simpatico? get in touch