NWH Volunteer Experience

UX Design
Visual
Logo
Timeline
Nov - Dec 2023, 4 weeks
Tools
Figma, Procreate
My Role
Product Designer
Project Overview
In this academic project, I proposed a redesign of the Northwest Harvest mobile website, with a focus on enhancing the volunteer experience and increasing signup rates.

Context

news articles reporting volunteer shortage at Northwest harvest and food banks
Northwest Harvest, a regional nonprofit dedicated to food justice, heavily relies on volunteers, amounting to over 150,000 hours each year. Post-COVID, like many food banks, they face a significant shortage of volunteers. Their mobile website, a crucial touchpoint for engaging potential volunteers, presents an opportunity for a redesign to better attract and engage visitors.

Problem Statement

How might we engage users more effectively to encourage them to sign up for volunteer activities?
Through a competitor audit and preliminary user research, I identified three primary issues with the existing website:
01

Complex Information Architecture
Users often lose their way in the information overload.

NWH: Rich in Information but Challenging to Navigate
Peer Practice: Clear Path for Volunteers vs Donors
02

Inconvenient Signup Process
Users are discouraged by the time-consuming process with extensive scrolls and hard-to-find buttons.

NWH: As Many As 10 Steps to Application Form
Peer Practice: Efficient Process within 2 Clicks
03

Underwhelming Visual Appeal
The existing visual system conveys a too-serious and subdued tone to the website.

NWH: Professional yet Too-Serious Visual
Peer Practice: Communicating Friendliness
Consequently, I deconstructed the problem statement into the following key points:
1. How might we deliver an intuitive and simple information architecture?
2. How might we streamline the signup process eliminating confusion and frustration?
3. How might we communicate a more inviting atmosphere?

Design

1. Intuitive Information Architecture

A clear and straightforward information structure, ensuring content is both mutually exclusive and collectively exhaustive.
The redesigned menu features three distinct tabs tailored for different audiences: donors, volunteers, and advocates.
Original
Redesign

2a. Streamlined Signup Process

Original: Long scrolls and hidden buttons
Redesign: Only a few taps and minimal scrolling

2b. Quick Apply within 1 minute

An innovative 'quick apply' feature enabling direct signups for shifts within the next 14 days, benefiting Northwest Harvest by facilitating immediate volunteer recruitment for urgent needs.
Original
Redesign

3a. Harvesty, Warm Logo

An updated and memorable logo, capturing the essence of the brand.
The SODO community market... I think it's a welcoming, warm, fun place to come to.
- Northwest Harvest CEO
Iteration of northwest harvest new logo design

3b. Inviting and Accessible Visual

A revised color scheme that balances warmth and familiarity with professional appeal. Incorporating warmer colors while retaining the existing mint blue.
The typography and color scheme were also carefully selected to ensure compliance with accessibility standards.

Research & Iterations

Usability Test

Six users took part in the usability test, which highlighted three critical issues:

Issue 1 Confusing Scheduling System

The participants were overwhelmed by the lengthy application form and struggled to remember time slots for their preferred locations.
Action: Introduced a 'quick apply' system to simplify the scheduling process.

Issue 2 Inconvenient Shortcuts

Participants found the shortcuts confusing. 5 out of 6 expressed a preference to access more detailed information before signing up.
Action: Created simplified cards that lead directly to a "learn more" page.

Issue 3 Unclear Accordion Button

The test participants were not aware of the expand/collapse feature but expected the quick view button to open a new page.
Action: Replaced it with a more intuitive accordion-style button.

Reflection

  • Selective Improvements:
    The original website is adequate, so I ensured that every change I implemented would truly enhance its value. This approach led me to retain the existing mix of sans-serif and serif typography, reuse a majority of the photographs, and maintain aspects of the original color scheme. Each decision was made with the intention of adding significant value without overhauling what already worked well.
  • Open to Adaptation:
    My initial design for the new logo drew inspiration from apples, a significant crop in Washington State, and Monet's haystacks. Although these elements resonated with the concept of harvest for me personally, they didn’t communicate the intended message to a broader audience. In response, I shifted focus to the pumpkin, a symbol with a clearer and more universal association with harvest.
  • Innovative Approach:
    The project began with a revamp of the volunteer signup form, which contained seven sections and over 30 questions. However, upon reevaluation of what would constitute an optimal signup process, I introduced an innovative 'quick apply' flow. While this solution required more resources in the short term, it ultimately will be a mutually beneficial approach for both volunteers and the organization, emphasizing efficiency and user-friendliness.

Bonus

This section adds a touch of enjoyment and strategic insight: an online gift shop featuring appealing merchandise. This not only introduces a new revenue stream for the nonprofit but also encourages greater participation from volunteers, who can redeem points for gifts.
a display of northwest harvest merchandise, including mugs, decorations, hoodies and tote with the new logo