Non Profit Management Portal Design
Addy Digital
we are the people who dream & do
Introduction
Introduction:
Customers aim at bringing together. The best global practices, corporate thinking and accountability, the highest standards of corporate governance and transparency to create a model of sustainable development, which is a benchmark in the industry and can be replicated at scale. Customers selected Salesforce yet they needed Custom Application Development to meet their campaign needs.Opportunity:
The mission is to create a permanent and long-lasting change in the lives of 1 million people in rural India in the next 5 years. So Customer wants to involve like-minded people to grow this program. The customer wanted to recreate the whole “Get Involved” Customized Application Portal. Via this section people can. 1. Donate for any campaigns 2. Volunteering for campaigns 3. Be a Partner 4. Mentoring the campaignsDesign Details
Design Process : |
| Addy Digital Salesforce Implementation Services consist of the following methodologies. |
| Empathize: Addy Digital Salesforce Consultant understands users & researches
their main perspective, creating a user journey map. Define: Defining the problems, anticipating what users might want during using the site. |
| Ideate: Mix up all the research, create drawings, reinforce consistency and help users accomplish their tasks. |
| Prototype: Create wireframe, make prototype mockup for user testing and hand over to Addy Digital Salesforce Development Services. |
User Personas: |
|
| Developing Customized Application Software based on the needs of users and stakeholders. | |
| Name – Aditi C, | Goals: *Easy way to see the campaigns & contribute to people. |
| Age – 40, | *Easily know about the other roles like Mentor, Partner, Volunteer. |
| Occupation – Banker | design |
| Goals: *Want to see the donor name after the contribution. | Name – Aditya N, |
| *Want an easy way to find location-based campaigns. | Age – 50, |
| Occupation – Banker | |
Research
Research : |
| We have collected all the information, like what kind of campaign Customers want to set. Also searched about other donation sites, the design trends. Then draw all the ideas & try to make the main focus of this site, like how a user can complete their journey in a seamless way possible. |
Scenario 1: |
| *We need to set up the campaigns with all its information, so the user can read about it & easily donate on that one. The main points should be there, so customers can see the progress of it & get interested to join other roles. |
| *From our childhood, we have known about row-column theory. Anyone can understand much better when it appears. So on that note I can use this one for setting up the campaigns. |
SolutionWe tried to create the campaign boxes with a digital draw-in column, so it is easily understandable (every main info will be there) & the contribution process will be easier. *From our childhood, we have known about row-column theory. Anyone can understand much better when it appears. So on that note I can use this one for setting up the campaigns. |
|
Scenario 2: |
|
| *We need to showcase the donor name so customers can motivate others to contribute. *Customers needed to see location-based campaigns.. |
Solution
Solution:We have created a chart with top & recent donors, from where people can see how many customers are active on donations. Time and money amount also will be there for more info. |
|
 |
|
Solution: |
|
| Added location filters in the campaign page, so anyone can find it easily, from where the campaign has been raised. |
User JourneyThis is the journey where users can donate easily for any campaign in the get involved section. |
|
 |
Wireframes
Wireframes: |
|
| Low fidelity wireframes are shared with customers, and reviewed and reworked before these are given to Addy Digital Salesforce Implementation Services. | |
|
|
| *In this wireframe, we have shown the entire campaign page. Where users can see all the campaigns easily. | |
| *We have added some important filters, so the user can shortlist easily, which he/she needs. | |
Wireframes: |
 |
| *After clicking a campaign, this page will pop up. Where you can read all the information about that particular campaign. |
| *The Contribute now button is highlighted, which will catch people’s eye fast. |
| *Below the contribution this donation chart is added to show the donor’s history. |
Call to Action
Donation: |
|
| *Below the contribution this donation chart is added to show the donor’s history. |
| *Via this donation form the user can contribute easily & an email will be sent to his/her ID as notification. |
|
| *After donation this Thank You page will pop up. If you want to know more about other roles, that link with the chevron icon will redirect there. |
Look and feel
 |
 |
Prototype
 |
 |
