Seattle Food Bank Redesign
Tools: Figma
Course: HCDE 503 - Visual Communication
Duration
10 weeks
My Role
UI Designer
Project Overview
University District Food Bank is a non-profit organization based in Northeast Seattle that distributes healthy food and resources to those in need, with a mission to build a “hunger-free” Northeast Seattle.
I decided to redesign their web and mobile landing page and created a brand book for their new visual system.
Initial Research
Before jumping in to redesigning the website, I conducted some research to understand UDFB's current website, their goals and target audience, which helped me identify design opportunities for the redesign.
Current Website
Target Audience
From browsing the food bank’s website, there seems to be two groups of target audiences–people who want resources from this food bank and people who want to help out. People who want resources from this food bank, are homeless residents in the area and residents specifically from zip codes 98102, 98103, 98105, 98112, 98115, and 98125, which are located in Northeast Seattle.
This food bank also targets people who want to be involved in the food bank either through volunteer opportunities or donations. Volunteers can either be youths from the ages of 14 to 18 or adults (18+), and patrons can be anyone who wants to donate money, food or other items.
Final Style Guide
Below is a style guide for Web, Mobile, and Newsletter. It also covers design decisions for the grid system, color, typography, logo and imagery.
Takeaways
Learn when to stop
When designing something, It's easy to get lost in the design process. For example, when I'm creating many iterations of a website layout, I won't know when to stop iterating or which version would look better over the other. This project taught me the importance of knowing how to not get carried away and how to make a design decision based on the feedback of others and thinking constantly about the client and design goals.
Critique Effectively
This project gave me lots of experience in giving and receiving design critiques. I would participate in critique sessions with 10-15 other peers, and I learned how to effectively give unbiased feedback through listening to others and understanding the feedback people were looking for.
Each week I also sought feedback from my professor, TA, and peers, and hearing other people's feedback was instrumental in continually improving my designs.
