Trinity Care - UX Rescue

UX Design

Expanded Case Study:

Design Brief

Background

The organization was founded in 2010, so far have been providing scholastic materials, clothing, supplying food, soap to orphaned, elderly, widows and disabled. Got involved in the empowerment of widow's activities like tailoring, farming to make them earn a living. This is helped by the donations received from Escape Adventure Tours Ltd which comes 15% of their profits.

About Trinity Care Foundation Uganda

Location: Buwenda village, mafubira sub county, Jinja district, Uganda, Africa.

Organizations purpose: To support and help the underprivileged people, vulnerable people, orphaned children, disabled, widows and elderly.

Volunteer source:

From bujagali campsites, Internet, recommendations.

Stakeholders

• Members contribution

• Fundraising

• Volunteers

Design Constraints

• The organization and area has limited internet access

• This project has no budget

• They relied on revenue from tourism sources which are no longer due to COVID

• Funding source: Escape Adventure Tours Ltd. Volunteers. Board members. Fundraising. Church.

How might we help them?

• Getting a website

• Source of funds

• They have a big demand of people in need

• Transport to check on the children while at schools

• Few necessarily needs for the disabled, widows and elderly

Initial Ideation

• Fundraising and finding alt revenue sources, donations

• Finding volunteers

• website creation

• Increase visibility and awareness of the organization

• Help them with communication of what they do and their impact

Part 1: Research

My team and I decided to meet weekly in order to meet our deadlines and have time to work on the project without overwhelming ourselves.

Stakeholder interview

As part of our process, we started out with a call to the organization in order to learn more about the problems we could help solve and other ways we could assist them. I called them and lead the interview.

Competitive Analysis

Next we conducted competitive analysis on several other non-profits and organizations based in Uganda. We wanted to find out if they were also receiving donations, volunteers and what their websites looked like.

Desk Research

Next we each took a section about Uganda and conducted our own research to learn more about the country. We then took turns presenting about the economy, the environment, the government and history, and the state of widows and children in the country.

Recruitment and Surveys

We conducted two separate surveys based on our two different user groups - 1) volunteers, 2) donors. We used these surveys to find people to interview.

User Interviews

We conducted several interviews in order to find out more information about people who volunteer overseas and those who donate internationally.

part 2: Ideation

Customer Journey Mapping

User Scenarios and Storyboarding

Next we created user scenarios and create storyboards based on the research we conducted so far.

Information Architecture

I created the information architecture based on our customer journey maps and using SEO techniques.

Pain Points and Solutions

Next we organized the pain points and positives based on our users.

Personas

We created three personas based on our user interviews. Someone who is interested in just volunteering abroad, someone who is interested in donating abroad, and someone who is interested in doing a bit of both.

Affinity Mapping

Our next several sessions were creating an affinity map so that we could understand what our users wanted and weren’t getting. This helped us visualize and understand them better.

part 3: Design

Wireframes and mockups

We spent a week and a half coming up each with our own wireframes and mockups for the website. We started with paper drawings, progress to digital mockups and then the prototype.

Sketches

We each created a series of sketches based on our research data and then presented them to the group. As a team we selected what we liked about each sketch and worked on combining those.

Wireframes

Mid-Fidelity Mockups

View Figma file here

Branding and Color Scheme

H1: Raleway

H2: Open Sans

Body text: Nunito

Content Creation

We each spent several weeks organizing and creating the content for the website. We were given the names and photos of each of the staff as well as direction on what would fit onto each page.

Setting up the Volunteer Information

For the volunteer information, we set up a form that allows users to directly fill in their information that is then directly sent to Trinity Care for review.

Setting up the Donations

International donations were trickier than we initially thought they would be. We spent several weeks trying to figure out how to get donations to Uganda since a lot of the original sites we looked at didn’t offer donations to Uganda. Eventually, Trinity Care is in the process of setting up an international bank account through which they can accept donations from Mastercard.

The Website

Tutorial and Handoff

For the final stage of our process, we created video tutorials on how to log into the site and make edits. We emailed them the log in information and a few more directions.

View Website

LEARNINGS AND OUTCOMES

Throughout this project, I learned how to effectively work remotely with a team of other UX designers. There were moments where I led on some parts and others were my other team members led as well.

• Creating better affinity maps

• How to more effectively use Miro and Figma

• How international donations work

• How to lead a handoff and export assets to clients

• The cultural differences between Americans and Ugandans and how to communicate across them.