Company: Women Dev Project - Non Profit - Initiative
Role: UX Designer
Tools: Paper, Figma
Overview about the Initiative
Women Dev Projects is an initiative that aims at developing pro bono and commercial technology projects, enabling the application of knowledge gained from the community's study groups and meetups.
In pro bono projects, the team is composed of women who are starting out in the field of technology and looking to gain professional experience. They go through a 2-month front-end bootcamp, taught by volunteer professionals, preparing them to develop websites for NGOs in need of such assistance.​
Problem
There is a need to advertise your project to increase visibility and attract new volunteers, mentors and partners. In addition, it is essential to raise funds to ensure that the initiative remains sustainable in the long term.
Task
Solution
Create a responsive website dedicated to advertise the initiative. This site would include: Information about the Initiative, A page highlighting the projects developed for the last three NGOs, registration for new volunteers, mentors, students, and donation page.
With this website, the initiative can increase , and secure the resources needed to continue positively impacting the community.
-
Define the website requirements and functionalities.
-
Plan the site's information architecture and structure.
-
Develop the site's content, including texts and images.
-
Create wireframes and prototypes of the website design and test them with users.
Actions
-
Conducted quantitative and qualitative research to gather insights.
-
Created personas to understand user needs in supporting social causes and their expectations of the initiative.
-
Mapped the user journey to analyze interactions with the site and the donation page, identifying expectations, needs, and areas for improvement.
-
Developed low-fidelity prototypes to explore potential solutions.
-
Performed unmoderated usability testing.
-
Created high-fidelity prototypes to present detailed and functional solutions.
Design Process:
Discover
Define
Ideate
Design
Test
User Research :
The objective of this survey is to understand which social causes users are interested in supporting and what motivates them to donate to non-profit initiatives
1
" I like to have some evidence that the initiative is genuine."
2
" Have a clear idea of the objectives of the initiative "
3
" I need the initiative/non-profit to demonstrate the results achieved "
4
"I need the initiative to clearly demonstrate its impact on society "
Persona
Ana, 25 years old, is a product designer. Married and with a busy routine balancing studies and work, Ana is passionate about social causes, especially in education and women's empowerment. She believes that her monthly donations can transform lives. Before contributing, Ana meticulously researches the organizations' websites to ensure they are legitimate, transparent about their social impact, and clear in demonstrating the results achieved.
Site map
User Journey Map
This User Journey Map example outlines the stages and touchpoints in Maria’s journey as she interacts with the donation website, from awareness to post-donation follow-up.
![_User Journey Map [Template].png](https://static.wixstatic.com/media/4d9a6c_9c9b095def154ca69de8d63bce30f538~mv2.png/v1/crop/x_22,y_0,w_1117,h_686/fill/w_739,h_454,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/_User%20Journey%20Map%20%5BTemplate%5D.png)
Sketch
I sketched out the new site, based on user research and a better understanding of the initiative's needs.
Low Fidelity Prototype
A website featuring detailed information about the initiative, projects, services, team, and results achieved in the community, ensuring users can make donations confidently, quickly, and easily.
The donations page has been carefully designed to ensure a sustainable initiative in your pro-bono projects, benefiting the team composed of facilitators, mentors, developers and design.
To achieve this goal, we have created three donation categories with different amounts, corresponding to the 3-month period, which is the duration of the program.
Donation for workshop facilitators: $25
Donation for project mentors: $35
Donation for developer/design fellowship $50
Usability Study:
Study Type: Unmoderated usability study | Location: Remote | Participants: 5 | Length: 10 - 15 min
Usability Study Findings:
1
Donate conclude page, don’t have a back button, was difficult to back home
2
I didn’t understand that $25 Help us Tech in workshops, it seemed like I would be paying so that I could help teach in workshops. Not that I would be helping to fund workshops.
3
I thought the letters in the description of the donation were too small.
4
all forms of payments were not available for donation frequency, monthly and one time
Hight Fidelity Prototype:
Interactive Prototype:
Video demonstration of the high-fidelity prototype of the Women Dev Projects website.
Click on the link and browse the website prototype.
Result
Design and Development Results:
​
-
Delivered UI designs for both desktop and mobile platforms within 2 months.
-
Developed detailed style guides and reusable design components for future scalability.
-
Conducted usability tests, incorporating feedback to improve the user experience.
-
Participants in the usability tests responded positively, indicating that the website is expected to enhance community engagement and increase the initiative’s credibility.
​
