MISSION: “West Seattle Food Bank strengthens the community through the power of neighbors helping neighbors, working to ensure all in our community have access to the essential necessities of living.”
VISION: "We envision a strong and connected community in which all people have access to safe and nutritious food and the essential necessities of living."
VALUES:
✌️
compassion and respect
🙍🏼🙍🏽🙍🏿
diversity and multiculturism
🧑🤝🧑
collaboration and cooperation
🧑🏫
education and prevention
🧮
stewardship and sustainability
To best integrate the company's core values, I also researched WSFB's current website to understand their primary and secondary audiences as well as the relationships they hope to achieve with them.
Primary: families and residents in WestSeattle zip codes that need help accessing food, emergency financial assistance, clothes, etc.
✨providing a quick and reliable supply to those in need
Secondary: those who are concerned with or want to help with giving back to the West Seattle area. It could be volunteers, local farmers, wholesalers, and retailers.
✨creating an accessible way to donate for individuals
✨informing the community and advocating for food security
After conducting user research, I selected a key user task that represents a short micro-interaction for WSFB's mobile website. Because donations are a priority task for the audience, I made a sequential list of all steps a user must take to complete the task as it currently exists.
I diagrammed the user task flow to clearly illustrate the user's journey between key stages and noted their pain points along this journey.
Most pain points that existed for a user were visual design and navigation related. Because the current mobile design had the logo encompass half of the screen, my wireframes included a smaller version of the logo that acted as a navigational component, leading user's back to the homepage of the website. In prioritizing the user's key tasks, I decided to make a scrolling horizontal bar in the first screen to easily let the user access different actions they could perform when visiting the page.
I minimized text content by adding a "read more" option to draw attention to the graphical/list elements. This is easier on the eyes, and encourages the consumption of other information on the page.