Non-Profit Platform of the Future

GiveDirectly's website created a few years before fundraising operations was straightforward and functional yet lacked a modern look and feel.

The outdated design became a liability and hindered company's growth and trust from respected institutions and governments. Technologically and performance-wise, the website didn’t stand up to the latest solutions, undermining our credibility in the eyes of GiveDirectly's partners. 

The other goal of the project was to increase the conversion rate by creating an easy, intuitive, mobile-friendly experience for donors interested in sending money directly to specific causes. We needed to create a seamless user experience that would make it simple to make a donation from any device, using various payment methods including credit cards, checks, and cryptocurrencies.

Another goal was improving accessibility - the platform had to be accessible from mobile, tablet, and desktop devices, as well as all major browsers.

To achieve the project goals quickly and effectively, we chose Vue.js for frontend development as the client's engineering team was already familiar with Vue.

We started with a critical focus–redesigning the donation payment module “Donate” to streamline the primary donation flow in GiveDirectly. To ensure the broadest possible accessibility for donors, the donation process required seamless functionality across all major browsers and devices, from mobile phones to desktop computers.

To enhance user experience, the team implemented comprehensive accessibility features, including screen reader compatibility, keyboard navigation support, and ARIA landmarks.

• Making the donation experience seamless and easy, especially on mobile devices.

• Improving the data collection process.

• Simplifying additional payment methods, including using checks and stocks, making the option more visible to donors.

The collaboration yielded an intuitive and mobile-friendly interface that enables users to make a donation to the cause of their choice using their preferred device and payment method. The research finds that recipients use this cash in impactful and creative ways to better their lives.

The application is fully functional and user-friendly. It maintains high contrast ratios for better readability and provides precise focus indicators for interactive elements, making the donation process accessible to users with diverse needs and abilities.

The initial donation work on module’s functionalities expanded rapidly and the client also received the campaign creation tool in direct response to COVID-19 donation needs.

• The app offers donors an easy and secure way of sending funds to those in need via GiveDirectly campaigns.

• The app is integrated with Salesforce for improved data collection and management.

• It’s user-friendly, available for a range of devices, and provides multiple payment options.