Community Fridge KW x UW Blueprint

Automating the scheduling donations process

TLDR;

UW Blueprint is a design team that creates technology for social good. As a product designer on the team I work with local nonprofits and provide accessible technology services such as websites, apps, and analysis tools—free of charge.

... what i did/impact of this project

TEAM

3 Designers
2 Product Managers
5 Developers

Tools

Figma

Skills

Prototyping
Persona Mapping
Product Thinking
Visual Design
User Research

Duration

3.5 months

In a hurry? Jump to the solution!
In a hurry? Jump to the solution!

01 // Background & Problem

What's Community Fridge KW?

Community Fridge Kitchener-Waterloo is a mutual aid initiative launched in 2020 that aims to improve access to food and reduce waste. They operate with a core team and depend on 200+ different volunteers to fulfill food deliveries and facilitate fridge operations. Local businesses are the main food donors that are able to provide end-of-day food to stockpile the fridge. Food typically goes out in 1-2 hours.

problem statement

How might we decrease the effort on the core team to schedule donations for Community Fridge KW?

Our Mission

Deliver a tool which empowers the Community Fridge to facilitate a greater number of donation exchanges with less time and manual effort.

Here are the stakeholders involved in this flow:

Admin

Constantly trying to coordinate the schedule of food donors and volunteers. Stressed.

Donor

Supply all the food to keep the Community Fridge running— absolute legends.

Volunteer

Come time to time to check in on the Community Fridge and help donors with food dropoff.

⚠ This case study will be focused on the donor experience.

current flow

flow with our solution

The small core team at Community Fridge KW wishes to automate some of the donation scheduling processes to improve the efficiency of their operations.

pain points

02 // Project Goals

🎯

Reduce manual work

Remove CF Admin from being the middleman between food donors and volunteers

🎯

CREATE CENTRAL platform

Create one centralized platform for scheduling and remove dependency from social media and email

🎯

standardize flow

Begin standardizing the food delivery process in order to increase successfully delivery exchanges

03 // Research & Ideation

Discovery & Empathy

What are the challenges being faced?

Looking at what else is out there...

We identified the competitors and analyzed their strengths and weaknesses.

Inspiration
Anti-Inspiration

Define

After the initial discovery phase and multiple meetings with the client and volunteers, we began synthesizing our insights to create a user persona and flow.

Finalizing the User Flow

⏸️ Dev Review #1 Insights

At this point, we had our first official dev review to get feedback on this flow in regards to technical feasibility within our timeline.

04 // Ideation & Wireframing

Ideation

We used brainstorming techniques such as Crazy 8s to begin designing the layout of the solution before moving on to official explorations.

To ensure all the requirements of the project are achieved, we divided up this phase of the solution into four product specifications before continuing with design explorations.

Four Product Specifications

1. User Authentication

Key Functionality

  • Ability to choose if they are a food donor or volunteer
  • Ability to create an account and log in
  • Must confirm email by receiving a confirmation email that will expire in X hours
  • Ability to request a password reset
  • Username has to be an email address
  • Password requirements

3. Scheduling

Key Functionality

  • Set a date and time (default 30 min)
  • Specify whether the date and time is recurring and when it ends
  • Indicate which category of item donor is bringing with the prelisted options
  • Indicate whether the donor needs help with food drop-off and request a volunteer and specify pick up location (if not drop off)
  • Confirm donor’s choices and information

4. Pricing Plans

Key Functionality

  • Change a date and time
  • Change whether the date and time is recurring and when it ends
  • Change whether the donor needs help with food drop-off
  • Cancel the upcoming week of a recurring donation
  • Has all the required entry points to encourage a donation and easily find how to sign up

Design Iterations

After our initial visual explorations, we proceeded to create low-fidelity designs before conducting a second formal developer review.

⏸️ Dev Review #2 Insights

Home & Onboarding

  • Remove volunteer entry point + onboarding on the home page for MVP but ensure there is still room for it to be added later on
  • Add a dashboard entry point in the navigation bar

    User Authentication

    • Check with CF about what info we want to collect from businesses + clarify if its the representative or general business’s contact info we want (make that clearer)
    • No popup for password requirements because of mobile (can’t hover)
    • Build forgot password flow

      Scheduling

      • More detail to progress bar (labels of some sort?)
      • Clarified error handling for different types of inputs like drop downs, calendar, checkboxes, etc.
      • Define location entering experience
      • Reorder donation/volunteer info

      Dashboard

      • Tags were unnecessary and crowded the space
      • Take out delayed in general for MVP, instead just be able to edit proposed drop off time
      • Decrease amount of information displayed on the cards

        General

        • Add error states especially because some parts on mobile don’t have a lot of space
        • Decrease text size + increase spacing for a cleaner look while keeping in mind the accessibility guidelines

          05 // Design System

          Creating a design system

          After implementing the feedback we received in the lo-fidelity models and presenting those to the client, we created a design system before getting started on hi-fidelity designs!

          Some Key Components

          06 // Final Solution

          Clean and informative home page

          By introducing a new workflow for donors, they may not be aware of the changes to their current process. We need to find a way to seamlessly educate them on the donation scheduling process and the different pieces of communication.

          Quick and easy user authentication

          Food donors that go onto this platform must have a registered account so that it can protect the other user's information and protect the platform from spam or misuse.

          Scheduling process that is less reliant on admin

          Community Fridge Admins currently collect business name, donation description, and drop-off time from local businesses. This information comes from different channels such as social media and email. The conversation takes a lot of coordination, manual effort, and time.

          Efficiently update/edit scheduled dropoffs

          Food Donors need to edit their information in order to change their proposed drop-off time. Currently, to do so, they would have to communicate with the Community Fridge Admins through a back and fourth process that is very time consuming.

          Desktop Wireframes

          07 // Takeaways

          Project Handoff

          The project is still in progress for at least another four months with the next Community Fridge KW team at UW Blueprint. The team will move forward with phase I enhancements and building the volunteer and admin experience.

          One of the biggest challenges during this process was organization struggling to get us in contact with donors since they were busy with moving the location of the Fridge, hence usability tests for phase I are still in progress as well!

          Current Deployed Website

          What did I learn?

          ♡ First time working with developers and PMs—

          was very lucky to have an encouraging team that I learned a lot from!

          ♡ Balancing 12-15 hours work a week—

          + transitioning into university was very difficult, but it pushed me to manage tasks better and was worth it in the end!

          ♡ Created a design system—

          this made life SO much easier, I’m still impressed!

          ♡ Worked with a real client—

          it feels so good to see your work being used to help others in real life!

          / Looking to start a project? See something of interest? Want to go down rabbitholes?
          Let’s chat!
          / Looking to start a project? See something of interest? Want to go down rabbitholes?
          Let’s chat!
          / Looking to start a project? See something of interest? Want to go down rabbitholes?
          Let’s chat!
          / Looking to start a project? See something of interest? Want to go down rabbitholes?
          Let’s chat!
          / Looking to start a project? See something of interest? Want to go down rabbitholes?
          Let’s chat!
          / Looking to start a project? See something of interest? Want to go down rabbitholes?
          Let’s chat!