Website-Optimization for the Acquisition of Sustaining Members

Redesigning the website‘s donation page according to research results
Client
Nonprofit Organization
Sector
Education, Sustainability
Challenge
The support page previously used only for the handling of donations should be supplemented by the possibility to conclude a sponsoring membership. In addition, the website, with the aim to get more people to donate or become a sustaining member, will be revised.
My Role
Research, Wireframing, Interface Design, Development

Research

What do I donate for?

To help me understand how site users navigate and what factors influence their decision, I've arranged face-to-face meetings and Skype calls to watch the testers while using the website. I gave them assignments and asked them to think aloud.

Results

So how might we communicate the concrete activities and goals of the organization in a more understandable way and how might we convey why the mission is worth supporting? Here, the difference between the two support options should be clear and the topic of voluntary work – so far not offered – at least be addressed.

Studies by the Nielsen Norman Group have also repeatedly shown that non-profit organizations generally lack specific information about their approach and mission and – regarding donations and memberships – about the concrete use of money. That means, especially for nonprofits it is important to build trust.

Possible solutions to gain understanding and build trust would be:

Get Everyone on the Same Page

To get a rough overview of the process, it helped to build a very simple journey map. This was especially useful to communicate it in the team and to have everyone on the same page.

Highlighting the Activities

On the program page, there were three paragraphs, each of which is very closely related to the activities of the organization. However, these were placed relatively low on the page, so only about 60% of users scrolled so far – see the heatmap. Since this information is essential, it is important to highlight it more.

Adjustments

Setting up the Support-Page

I outlined some ideas on how to structure the support page and how to use social proof to let the visitor know that the organization is active and makes good use of the donations.

Finally I decided to go with version three: Reduction to the main task of the page (showing possibilities of support). Partners and team members will be shown on the "About us" page and the 2016 conference and activities will now be explained on the program page.

The assumption here is – backed by the observations of the test subjects behavior – that the visitors of the support page have already decided on the basis of their research or their impressions – or at least are interested – to support. In order not to distract from the main objective of the page, the illustrated activities will remain on the program page, but will be referenced in the introductory text.

  • The horizontal comparison of the two support options and the list of advantages makes it easier to compare them.
  • Since it is more important for the organization to receive regular support, the sponsoring memberships were placed more prominently and special event-conditions were introduced.
  • Voluntary help is needed only for some events, therefore, the decision to communicate this via the newsletter. The possibility of voluntary work is mentioned and further, possible newsletter subscribers are generated.

Filling in the Form, a First Version

The initially quite simple form is subdivided into the two areas "information about the donation amount" and "personal data". Depending on the selection of the individual/organization options, the proposed donation amounts, notes and some fields change. If the user changes the intake frequency, the donation amount is adjusted accordingly so that the annual amount remains the same (€ 60/year = € 15/quarter = € 5/month).

Since my technical expertise is limited, in the given time I wasn‘t able to technically pull off a multistep-form that handles the validation of fields after each step correctly. So in order to avoid false data, dead ends and thus user drop-off I decided to declare the quite long form as good-enough to go live and to adjust accordingly in the next iteration.

Improvements for the next iteration

Here‘s a rough concept:

Community, Affirmation and Commitment

After completing and successfully submitting the form data, the user is directed to a confirmation page that reiterates the shared vision of sustainable education, gives an address for personal contact, shows who is in the team and by all this seeks to create a sense of community, affirmation and commitment.

Conclusion

So often seemingly obvious but absolutely forgotten things emerge out of interviews and quick user tests. The task of “quickly integrating the possibility to become a member” became something bigger and we investigated the complete website and understood how the users use the site plus what factors play a role to finally decide to complete a membership. So, the mere function is without value if you don‘t consider the whole journey.

Also, for me, creating the entire automated process by linking the web form to Salesforce, MailChimp and Excel spreadsheets via API (using Zapier) was a new experience, and still there‘s much more I‘d like to automate and smarten-up, as partially stated in the improvements section above.

Back to homepage

Let‘s w🚀rk
t_g_th_r
Open for projects and Product/UX Design roles
hello@moritzoesterlau.de