Refugee Relief Responsive website connecting volunteers and refugees Refugee Relief is an online platform that securely connects volunteers with refugees. The goal is to provide accessible and searchable services and resources during the resettlement process. You can view the prototype here.


The research phase of this project was crucial due to US government regulations and the recent political discussions, for those reasons I chose to conduct secondary research, competitive analysis and user interviews. I then took all the data I gathered, organized them in an empathy map and created a persona.
Point of View Statements and How Might We Questions


After brainstorming ideas, identifying the overlapping goals and technical challenges, I created and prioritized a feature roadmap. This led to creating a sitemap and user flow.
User Flow


The next step was to sketch out low-fidelity wireframes, translate them to mid-fidelity and finally high-fidelity responsive wireframes.
Mid-Fidelity Homepage
Mid-Fidelity Resources Page


To prototype and test, I used Invision and recruited participants for my usability test. I then created an affinity map to help organize my observations and notes and identified patterns. These patterns led to improvements which I prioritized and implemented in my high-fidelity wireframes.
Affinity Map


I wanted the logo and branding to reflect a sense of hopefulness, support, openness, and new beginnings. Through numerous sketches and digitized logos, I decided on a logo of a bird. In many cultures, a bird symbolizes much of the adjectives I was looking for but also freedom and perspective. In terms of color, green was my first choice because it represents freshness, growth, and renewal.
Style Tile


With improvements and the UI design in hand, I created my first iteration of high-fidelity wireframes. After a session with my mentor and a group crit, I received similar feedback regarding the resources page. It was still overwhelming and unclear as to what a volunteer vs a refugee should be doing. For that reason, I decided to create two different paths for volunteers and refugees.
Resources Page - Iteration 1
Resources Page - Iteration 2
Volunteers Page - Iteration 2


My next step would be to conduct another usability test and based on the feedback, implement high-priority changes as needed. I would then create a redlining document to handoff to developers but I would still like to be able to gather more research from the refugee side of the platform specifically what their needs and goals are. Research once again was challenging but this time due to confidentiality agreements and legal implications for interviewing refugees. Working within a 2-week time constraint was also posed a challenge to set up meetings and go through the proper channels to meet face-to-face with refugees. Because of those reasons, I shifted to focus on the volunteer side of the platform and what goals and frustrations they face. Overall, this project taught me to be flexible, to reprioritize features and that the design process is not linear.