We have identified that navigation is a major issue for most users. There are multiple links that lead to the same page, dead links are scattered all over the website. The Information Architecture needs to be redesigned. To achieve this, I performed a content audit on the website and listed all web pages in hierarchy. Further, each web page was rated on the following categories.VIEW FULL AUDIT
When it comes to non-profit organizations and social welfare, the United Nations are the one to beat. The UNICEF humanitarian aid for children has a simple and meaningful process to motivate visitors to donate. A short description to remind visitors of their contribution is a great idea. This reinforces their act of giving. It is important to make visitors feel secure with online payments, having a green lock icon does just that.
Another delightful donation process belongs to mozilla foundation. The option to choose currency is brilliant.
Information Architecture 2.0 & Rough sketches
The content audit paved a way for a new information architecture. Due to the fact that I had to submit a high-fidelity prototype within a week, I could not sketch multiple ideas and test them out. I had to make an effective layout on the first go.
Homepage & Volunteering Page
Our new homepage is designed to communicate the network's mission and message more effectively. Users can immediately see the main tasks on the sliding carousel, they do not have to search for them.
New visitors are greeted with positive, reassuring, success stories of previous families who have benefited from the network. This is a slight push to keep visitors engaged on the site.
Donation user flow
While the donation page was itself difficult to find for most users. The few who managed to get through pointed out that the form elements were not responsive and the entire process was not as rewarding.
Picking up ideas from the inspiration board, I decided to create the following donation user flow.
1. Currency & Amount
Keeping in mind a global audience, users are provided the option to chose their native currency. The payment gateway will include transaction fees.
2. Personal Information
Users can enter their personal details to make their contribution public, or they can select the anonymous option to hide their details.
3. Payment Information
The form provides multiple options of payment including credit/debit cards, e-wallets, bank transfers, etc.
As a confirmation to the user's contribution, they are received by a happy child thanking them. This is just a visual way to remind them they have contributed to a good cause.