Website Redesign | User Research | Personas | Competitors Analysis | Wireframes | User Interface | Prototyping
This case study focuses on the redesign process of Luk Aut website, a Romanian NGO committed to supporting children with different forms of autism and their families, by offering therapy and creating a support hub within th community.
NGOs face a constant struggle for funds and rely heavily on donations or sponsorships to keep things going.
This is why, a donation flow and clear steps for volunteers who want to support the NGO in various forms are crucial for the long term success of any non-profit.
Analysing the existing website, I identified several usability challenges:
Lack of aesthetically pleasant interface makes the design less engaging and thus failing to communicate effectively.
Users find it difficult to locate relevant therapy resources, due to unclear navigation and confusing information architecture.
No section dedicated to users who wish to support the NGO in any form (donation, sponsorship, volunteering).
My goal for this project is to design a more intuitive, user-friendly and informative platform that promotes Luk Aut’s cause, focusing on two main flows: facilitating access to therapy services and encouraging donations.
These primary flows need to stand out, making the website easy to use and enabling the users to achieve their goals (read therapy research) and complete their tasks (make a donation).
Make the site easy to use by parents with children diagnosed with autism and donors.
Give the webpage a fresh, clean and modern look, while keeping a visual cohesion.
Share personal stories and create a sense of belonging to a wider, support community.
The goal is to design a more intuitive, user-friendly and informative platform that promotes Luk Aut’s cause, focusing on two main flows: facilitating access to therapy services and encouraging donations.
I wanted to understand what is the scope of the website, who are the beneficiaries of the NGO and how it served its users.
1. I started with an UX audit, where I centralised the whole content available on the website and recreated the initial structure. During the audit, I noticed that certain pages contained bilingual content (Romanian and English), while others only Romanian text. This lack of consistency also had to be addressed.
2. Next, I conducted user interviews and collected qualitative data to better understand the users and the tasks they intent to perform when they visit the site.
3. Finally, I ran a competitors analysis on similar NGOs websites: Bethany Foundation, NiciodataSingur.ro, and Autism Romania.ro.
As a mother with an autistic child, I want to easily find the best therapy options for him, so that he could meet other children and feel included.
As a working mother with an autistic child, I want to be able to schedule online an appointment for a therapy session for my child and receive an email confirmation with the date, location and hour, so that I can save time.
As a student who studies social sciences, I want to volunteer a few hours every week, so that I can bring value to my community and connect with other volunteers.
As an entrepreneur with a busy schedule, I want to donate online to a local NGO, so that I can support their activity and the community.
I researched other NGO website to determine the main CTA's and user flows that are specific for this segment.
As expected, most non-profits place a great emphasis on the donation flow, volunteer call-to-action, and, of course, visual cohesion.
How can I support parents in finding the information they need, easy and fast? And how can I help donors do good, with the click of a button?
Ambiguous structure and confusing flows slow down or event prevent users from reaching their goal. Based on the findings from the competitors analysis, I recreated the sitemap, following a cleaner and easily predictable structure.
Ambiguous structure and confusing flows slow down or event prevent users from reaching their goal. Based on the findings from the competitors analysis, I recreated the sitemap, following a cleaner and easily predictable structure.
After defining the user task flow, I began sketching the first wireframes, starting on paper and continuing digital. I prefer to start with pen and paper wireframes since the process is faster and more natural.
The first wireframes included:
- the homepage;
- the donation page;
- the blog page - articles overview and article view.
I used as a starting point the existing logo and color palette, while trying to build a more coherent brand identity, with elements that came together in harmony.
To get a real sense of how the live website would look like, I created a prototype for some of the most important pages and user flows.
The following flows are available for testing in the current prototype:
- Read about Luk Aut therapy options;
- Access the Blog section;
- Read an Blog article;
- Become a volunteer -> Fill in the form and register.
