BEE LIBERIA

APP AND RESPONSIVE WEBSITE.

oliveux.com

PROJECT OVERVIEW

The Product: BEE Liberia is a Boothwyn-based organization focused on educating Liberian students. The organization needs a tool that helps people ease and secure the donation process. BEE Liberia’s’ primary target users include college students and adults who would like to donate to help educate and empower Liberian student and communities through donations. 

The Problem: Donors get frustrated when attempting to make a donation and the process seems too complex. They also would like to verify that the nonprofit organization they give to is solid, so that they feel a bit more confident when donating.

The Goal: Design an app and responsive website that will improve the process of donations and help users feel confident when donating.

My Responsibilities: 

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.

My Role:

UX designer leading the app and responsive website design from conception to delivery

UNDERSTANDING THE USER

USER RESEARCH SUMMARY

I used BEE Liberia’s data on their donation process to develop interview questions, which were then used to conduct user interviews. Most interview participants reported feeling frustrated about the process of donating on a mobile app or responsive website. They also were very unsure about the validity of nonprofit organizations. The feedback received through research made it very clear that users would be even more open and willing to donate if they had a smooth and easy donation process or some sort of external organization that verified nonprofits. 

PERSONA

COMPETITIVE AUDIT

An audit of a few competitor’s products provided direction on gaps and opportunities to address with the BEE Liberia donation app.

IDEATION

I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on easy giving options and a way to verify an organization.

STARTING THE DESIGN

DIGITAL WIREFRAMES 

After ideating and drafting some paper wireframes, I created the initial designs for the BEE Liberia app. These designs focused on offering an easy giving option to help donors.

.

LOW-FIDELITY PROTOTYPE

To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of placing a simple and easy donation. View BEE Liberia’s Low-Fidelity Prototype

USABILITY STUDY: PARAMETERS

Study type: Unmoderated usability study

Location: United States, remote

Participants: 5 participants

Length: 10 minutes

USABILITY STUDY: FINDINGS

Easy Donation Process: People wanted to easily donate with fewer clicks and easy navigation.

Verified Organization: People want to verify that there donation is going to a solid organization and not feel like they are wasting their money

REFINING THE DESIGN

MOCKUPS

Based on the insights from the usability studies, I applied design updates like adding color to the “Give now” button on the home screen to easily donate. Additional design changes included adding a colored “Charity navigation badge” which indicated that the organization you are giving to is verified.

HIGH-FIDELITY PROTOTYPE

The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.

View the BEE Liberia’s high-fidelity prototype

ACCESSIBILITY CONSIDERATIONS

RESPONSIVE DESIGN

SITE MAP

With the app designs completed, I started work on designing the responsive website. I used the BEE Liberia sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.

RESPONSIVE DESIGNS

The designs for screen size variation included mobile, tablet, and desktop. I optimized the designs to fit specific user needs of each device and screen size.

.

IMPACT

 One quote from peer feedback was that :

“I like how clear this app was, with very few buttons so I knew what I was supposed to do.”

— Participant E.

LET’S CONNECT!

Thank you for your time reviewing my work on the BEE Liberia’s app and responsive website! If you’d like to see more or get in touch, my contact information is provided below.

Email: omassaquoi14@gmail.com

Website: oliveux.com

Previous