Full Design & Development of the donation website

About

A donation website is a one-page sales pitch that includes all the information needed to make a decision to donate to the families who need a financial support. The page to which people will be direct when someone express wish to make a donation. Online fundraising is a way for nonprofit organizations to raise money via the internet.

This project was a way to address a problem of many families whose family members were accused in a crime without any reason. The website made support families who have need in financial support, mostly for lawyer expences.

Goal

Website that can be accessed on multiple device, scalable

Has fast loading time

Secure and simple way to make donation

Call to the action in multiple places but don't overwhelm users with it

Fast development, minimizing cost of storing website

Solution

Simple, informative and involving user flow

Used Bootstrap library to simplify scalability and make it accessible from any size device

Use of set of images that will be loaded accordingly to the screen size

Researched bast placement and amount of calls to action on one page

Minimized cost to the cost of domain, unless there are over 1000 visitors a day

My Role

It was my volterring project, when you have skills and want to help your community. As a UI/UX designer I developed user flow that would give enough information about donator and encourage people to donate. The main idea of the page is to be able access from multiple devices and make simple payment in two easy steps to increase donation flows as well as improve user experience. It was achieved by implementing single page approach and multiple places that calls to action. I used calm but bright colors, other people references and count of supporters to give the understanding that each of the users can make an impact. The hardest part was to find the balance between making call to action, but doesn't overwhelm user and enjoy them with it. In the supporters part is animated calculator with data about the amount of support the sum is needed and how much is left as well supporters names and quotes and their contact info what helps to create community. The page supports online payments as PayPal and Venmo Payment. As well to have low cost of site mantainets and very limited time. In a week we were able to deploy first version online

Result

Based on multiple feedbacks, the website made the process of donation much easier and increased the overall donation 50%, I think the more families can benefit from it the more this result worse the efford.

The website was fully design by using Figma for Prototyping, developed by using HTML, CSS, JavaScript and Bootstrap and graphic design by using Adobe Photoshop.

Used Tools