Creating a volunteer portal to raise bone cancer awareness through our universal love for dogs

  • The Project

    MVP Design

  • My Role

    UX Designer

  • Timeline

    Dec 2021 - April 2022

  • Tools

    Figma, FigJam, Adobe Photoshop & Illustrator

A “Joint” Effort

Bone for Bone is a non-profit organization created to promote bone cancer awareness through a universal love for dogs. The non-profit has established university-wide volunteering chapters and opportunities for patients, physicians, college students, and the ordinary volunteer.

Problem Statement

Finding, signing up, and recording volunteer opportunities is a tedious process for the individual volunteer, and can discourage volunteering progress. The Bone for Bone volunteers need a log-in portal in order to access local and national opportunities, engage in a professional network, host fundraisers and participate in research.

Knowing Our Users

Getting to know the main user groups helped me to create a user-centric, accessible volunteer portal that complements each volunteer’s unique needs.

The initial design is created for university chapter volunteers and the independent volunteer. The portal will be used by  volunteers belonging to a Bone for Bone chapter.


User Needs‍

  • easily create an account and join their local chapter

  • search, sign up for, and modify volunteering opportunities

  • network with other volunteers, healthcare and research professionals in their chapter or area

User Journey Map

Signing Up for Volunteer Opportunities‍

I outlined the user’s actions and corresponding emotions to carry out the task of signing up for volunteering. I then translated pain points into opportunities for a strong design.

Site Map

Lo-Fi Wireframes

Camera AI Scan Flow

AI Chat Flow

UX Sketches

Stepping into design, we created rough sketches of each page to visualize ideas for translating the user flows into a user experience. Below are each sketch with useful feedback given to take into account for the next version of the design.

Home Page

AI Chat Flow

Scan Flow

Lo-Fi Wireframes

This is where my internship ended. The team continued on to design hi-fi wireframes, conduct user testing and iterate.

My role in UX research taught me a lot in how to understand user needs by directly speaking with them, translating those findings into customer journeys and user flows, and reflecting those in design solutions with new features to solve user problems.

Check out my other projects!