ILLUSTRATION x DESIGN
Refuge
Collective
BRAND STRATEGY / VISUAL DESIGN / UX
Volunteering just got easier. Refuge Collective is a humanitarian organization providing pathways for volunteers to support refugees.
With a fresh registration experience, people will be able to connect to impactful volunteering opportunities with their new international neighbors,
MY Role
PROJECT DURATION
KEY RESPONSIBILITIES
UX/UI Designer
ToolS USEd
September 2023
› Desktop Research
› User Research
› Ideation & Wireframe Designing
› Conducting Usability Studies
› Designing UX Prototype Functionality
Initial Concepts + Design Strategy.
THE PROBLEM
Complex and long scheduling process for volunteers in addition to a lack of clarity in opportunities make signing up to volunteer difficult, resulting in a low number of volunteers.
THE SOLUTION
Create a clean & simple volunteer registration website for Refuge Collective that allows volunteers to easily view opportunities and sign up as individuals and groups.
Wireframes.
The following wireframes were created with the end user in mind- thinking through the user journey and what information they’d be most likely to look for upon entering the website.
Caleb K.
AGE
31
GENDER
Male
LOCATION
Houston, TX, USA
USER Persona.
FRUSTRATIONS
-
Long & complicated process to sign up
-
Volunteer websites often have chaotic layouts
-
Unsure which volunteer options are kid-friendly
MOTIVATIONS
-
To find kid-friendly volunteer opportunities so he can teach his kids the value of serving others.
BIO
Trent is a 31-year old business professional who lives in Houston, TX with his wide & two kids.
"As a business professional, I want to sign up for volunteering easily so that my kids & I can serve the community together."
“I want the path of least resistance when it comes to registering to volunteer, as well as the ability to volunteer with my kids around my work schedule”
Usability STudy + Research Findings.
5 participants
Unmoderated Usability Study
Virtual
The main research was based on 5 user interviews who all had a level of experience in volunteering. Interviews were conducted virtually over video call.
UI KIT.
This design system was created to be a refreshing and inspiring colorway and brand feel for Refugee Collective’s volunteer website.
Final designs.
The following designs were considered for accessibility in use of color and test readability (sans serif) as well as strong heirarchy.
CONCLUSION.
Our target users were able to navigate through the final designs of the prototype. Throughout this project, we learned how to empathize with users, create a problem statement to orient the project around, create sitemaps and wireframes, design prototypes, conduct usability and incorporate user feedback into final iterations, develop a UI design system and create a responsive working prototype for both desktop and mobile formats of a volunteer registration page for Refuge Collective.
THanks for reviewing my work!
If you’d like to see more or get in touch, connect here!