Road of Hope
New website
Restructuring the website to make it more intuitive and informative.
Time
Role
Tools
Aug. 2023 – Dez. 2024
UX designer
Resercher
Developer
Figma
Miro
WordPress
Problem Statement
How to facilitate and improve access to information on the Road of Hope website?
Road of Hope is a non-profit organization based in Amsterdam, dedicated to supporting refugees on their journey to integration. They aim to become better known and increase the number of volunteers and donations through their website.
Hypothesis
To better understand what we were trying to improve on the website. We carried out a heuristic analysis.
Through this analysis we were able to detect the hypothetical points for improvement. These would be confirmed in the usability test and interview.
The menu with subtopics is difficult to access.
Description of projects out of date and not clickable.
Little is said about the NGO’s history and purpose.
News tab not very prominent.
Donation tab with IBAN number only.
Volunteering tab without any contact number or email.
Annual report at the bottom of a page, making it difficult to access the information.
Based on this data, a CSD Matrix was drawn up to better understand and formulate the research questions and the usability test with the site in place at the time.
User Research
Interviews were conducted with 7 persons, who underwent qualitative research and a usability test of the website in place at the time.
Were users able to complete all the tasks provided during the usability test?
What negative points came up the most in the interviews?
Insights
Grammatical Errors
Links didn`t work
Forms that don't exist
Lack of story telling
Donation and Volunterring part not intuitive
Projects need to be updated
Very large texts
Unintuitive header
improve User flow
Old imagem
Links didn`t work
Forms that don't exist
Competitive Analysis
To analyze the contenders, we selected 4 organizations that most closely resembled the work of Road of Hope. I realized that most of them lacked data on their projects and the results they had achieved. By comparing the 4 websites with our NGO’s website, we identified 3 important points and opportunities for improvement.
Strengths of existing platforms: Engaging photo, Impactful language, News and varied and easy donation methods.
Weaknesses identified: lack of data, very large and confusing text and too much information on the same page.
Opportunities for differentiation: Develop an intuitive user flow, where information can be found easily. Combine appealing language with photos that create engagement and the presentation of data that materialises the results of the projects in numbers.
We concluded that the new Road of Hope website has a more intuitive user flow, making the experience easier. We are looking for a more appealing and engaging textual language that makes people feel part of the community.
Ideation
By analysing competitors, it was possible to discover possible solutions for improving each page of the website. These were the points analysed for improvement:
Layout (striking photo, brief explanation of who we are + read more, projects, statistics, news, headline: prioritised sequence of topics (our work, news, about us, …)
Language (Telling stories about the organisation, more appealing language ‘our people, our story, our work,.
Color that identify the organization.
Project
Key Learnings & Challenges
- As it was a solo project, I learned the most about time and task management.
- I learned how to store files on more devices and avoid rework. In the middle of the research, my computer was stolen and I ended up losing some of my work.
- I learned the importance of knowing how to share information that appeals both visually and in the way it is written.
- The challenges are to keep the site updated according to the NGO’s demands.