Food for thought.
The Global Foodbanking Network (GFN) works to reduce food insecurity and food waste through uniting and advancing food banks. After years of settling for the shortcomings of their old website – including a challenging user experience that complicated the journey for key audiences – GFN was eager for a digital presence that better represented their work and properly positioned them as a thought leader.
We knew GFN’s logo needed to stay as is, but we had the organization’s blessing to explore new territory regarding complementary colors, fonts and graphics. With this degree of creative freedom, we were able to share a range of design themes for their new website. GFN was most drawn to a theme that used collages to showcase their incredible photography, putting the food and people front and center, representing the core of GFN’s work, and differentiating their website from peers.
With our design theme in place, we set out to create two expansive infographics that explained the essence of GFN’s work. Given the complexity of their model, we worked closely with GFN’s team to make sure the details were spot on. The result are two immersive pages that blend storytelling, design and animation: Our Role in Food Systems and Our Community-Led Approach.
From a web development perspective, we built an optimal experience for visitors and administrators alike. On the front-end, we employed an animation strategy that compelled users to continue their journey without distracting from the content. We also made sure the collages look great across different screen sizes, maintaining the photo-centric vibe of the site without making sacrifices.
Given the complexity of GFN’s website (the infographic pages, in particular), we built a back-end that closely mirrors how content appears on the front-end. This comparable viewpoint simplifies the process of updating each page. We simplified things further by connecting related data. For example, when a new country is added to their food bank network, related updates are automatically made to the Global Reach map and elsewhere.