top of page
Savie Color Phone Mockup.png

Savie Asbl NGO is an LGBT+ nonprofit in the Democratic Republic of Congo (DRC). Their mission is to help those who face anti-LGBTI+ harassment, oppression & sexual and gender-based violence. Due to limited funding, the TRT Productions UX Design team did this web redesign project pro bono.

My Role

UX/UI Designer

(Team of 4 Designers)


Mobile Website,

Desktop Website


13 Weeks

Project Overview


  • Fix donation page link

  • Redesign gallery page 

  • A streamlined way to store videos and photos

  • Update contact information

  • Inform users about what they’re doing and how they’re doing it

  • Show the history of the organization

  • Show future projects

  • Information on how to volunteer/get involved

  • Create a mobile-first design with accessibility considerations for developing countries



  • Communication with the organization leader while dealing with poor internet connection

  • Privacy for individuals who don’t want to risk exposing their faces/identities online

  • Safety concerns from the government and society

  • Language barriers

  • Site maintenance with consideration for the technological constraints within a developing country

  • Finding members within the organization to conduct interviews/testing

  • Determining whether the platform is support-facing or public-facing


Savie Prototype Link.png
Savie Desktop Prototype.png

Click HERE for the mobile prototype

Click HERE for the desktop prototype

Current Website


  1. A lot of unused white space

  2. Stock image related to LGBT+ but not connected with the DRC

  3. Large spacing between the title and information

  4. Mission breakdown could be clearer

  5. Large blocks of text make it overwhelming to read through

Current Site

Gallery Page


No clear organization of the gallery page; pictures are posted with no context

Resources Page

  1. Unclear why Albinism support is so prominent

  2. No clear organization of resource information

  3. No information about these resources

  4. LGBT+ resources are smaller and at the bottom

  5. Link to the older version of the site with no context

  6. Small and vague CTA at the bottom

  7. Accessibility issue with color combination

Contact Page

  1. Address provided but no visual provided to show user the location

  2. Blurred pictures does not create much of a connection with the organization

  3. No information about what volunteering entails

Donation Page


When the user enters their donation amount, both "Donate" buttons do not work


Kashindi Headshot.png

Kashindi - Savie founder


Our team spoke with Savie founder Kashindi on 3 occasions to understand the organization, its challenges, and goals for the redesign.

We also received a wealth of information about the culture of the DRC and the dangers that LGBT+, women, sex workers, and people with Albinism face from the general public and the Congolese Government.

Based on our stakeholder interview and the information they provided, we concluded that the project had 2 audiences:



People outside of the DRC who might like to contribute in some form. Our research for this audience was based on 10 user interviews, with participants using Savie's website and providing feedback. Some takeaways from those interviews were:

  • There needs to be clear and specific information about their advocacy work

  • Showing the impact of donations is important

  • Providing context and details for volunteering would be more motivating

Individuals who are local to the D.R.C. and are in need of their services. For this audience, we used secondary research since we were unable to speak with individuals in the DRC other than Kashindi due to language barriers, connectivity challenges, and safety.


Our findings heavily reference the UHAI - DRC Research Report Landscape Analysis of the Human Rights Situation of L.G.T.I. People and Sex Workers in the Democratic Republic of Congo.


Website Must-Haves

Event Information

Picture Gallery

Mission Statement

English-French Translation

International Reach


Contact Information

Donation Option

Website Should-Haves

Success Stories

Links to other local LGBT+ groups

Website Could-Haves

Staff pictures and information

Live Interviews


Comparative Analysis

Comparative Table.png

From our comparative research, we used certain resources like AQYI's 2020/2021 Annual Report to inform us about what is going on in specific parts of Africa

Screenshot 2023-01-18 at 10-21-12 AQYI-20202021-Annual-Report-ENGLISH.pdf.png
Screenshot 2023-01-18 at 10-22-32 AQYI-20202021-Annual-Report-ENGLISH.pdf.png


Persona - Tina.jpg
Persona - Gladys.jpg

The Redesign: From Paper ...


Sketch - Landing Page

Landing Page Sketch.jpg

Sketch - About Us Page

Sketch - Volunteer Page

Savie Team Board - Volunteer Sketch.jpg

Sketch - Gallery Page

Savie Team Board - Gallery Sketch.jpg

Sketch - Donation Page

Savie Team Board - Donation Sketch.jpg

Sketch - Resources Page

Savie Team Board - Resources Sketch.jpg

...To Screens
(Mobile Wire frames in Figma)

Copy was added to the wire frames to accurately stage the information as well as accurately communicate to our stakeholders what each page would contain.

High Fidelity Prototype

Hi-Fi Mockup

Style Guide

Brand Colors.png
Savie Phone Mockup 1.png

Next Steps

Our team was unable to secure a development team to implement our designs into a live website, so the project is on hold now. The next step would be finding a bilingual developer who speaks French to help translate and carry out our site and provide materials for hand-off to Savie so they can maintain the site with minimal assistance.

Savie has also expressed the desire to incorporate a learning platform onto their site to help educate their users on subjects like sexual health, safety, and finances. The learning platform is still in development with Savie and an outside organization in the Netherlands and was unable to be included at this time.

This was my first volunteer project working with a brand new group of designers. It was a positive experience creating a bond that was strengthened through ambiguity, and through out the project we learned to communicate ideas effectively and pivot when necessary. Most of the project had various obstacles to push through, whether it was communication and connectivity issues with our stakeholder, or adapting our process and changing direction when we were unable to find information necessary to move forward with certain ideas. As the one of the UI leads, I found it challenging to begin any sort of design process when we did not have research to back up a potential solution. But I am grateful for the experience, and I am now more confident in my ability to assess and investigate a project in order to create a well thought out and impactful user experience.

bottom of page