A Non-Profit UX/UI Case Study.
VACF (Vietnamese-American Cancer Foundation) was designed to connect the Vietnamese community of Orange County with resources related to cancer education, research, advocacy, and services. VACF help Vietnamese cancer patients and their families with psycho-social support, while addressing their unique culture and beliefs.
We have observed that the navigation and design of vacf.org isn’t meeting the standards of accessibility for elderly native Vietnamese speakers and the surrounding Vietnamese community. Ultimately, the site is visually overwhelming, and fails to properly inform viewers of cancer information, events, and screenings of VACF. This problem statement led us to frame the question:
How might we improve the overall website design so that users are successfully able to schedule a breast cancer screening appointment?
The re-design of the non-profit organization VACF (Vietnamese American Cancer Foundation) improved on accessibility, and the usability of the service website. The final version of this redesign prototype focused on a clean, yet professional color palette. It provides an approachable outlook for a difficult topic like cancer.
High fidelity Prototype of VACF
Current outdated site for VACF
This screen helps determine if the patient is eligible for free cancer screenings. The old website did not incorporate a booking process, so we wanted to incorporate the booking process within their website platform. The challenge we faced was: how do we validate all three requirements before a user books an appointment. We solved this by disabling the "check eligibility" button until all the requirement boxes have been checked (as seen in the image). Once the user checks verifies and checks all three boxes, it will allow the user to book an appointment.
It was important to keep the booking system as simple as possible. We kept in mind that most of our users may be elderly so we designed this effortless interface.
We incorporated the donation button with the appointment confirmation screen. A patient undergoing free cancer screenings is more likely to donate.
The donation screen allows the user to donate with ease using Apple Pay or by credit card. We found that people are more inclined to donate if we allowed them to dedicate their donation in honor or memory of someone. This is especially since a lot of the users and their family members entering the site are affected by cancer.
