UX UI design for an organization.
Ihyaa a non profitable organization.
This is a project made for ihyaa, a non profitable organization.
"How might we help Ihyaa to structure and facilitate donation process for donors"
Objective
Help Ihyaa to increase their impact and scale their non profitable work.
The Problem
Ihyaa base their donation collection on a classical way , they can't reach a larg popular mass due to their way of gathering donation in addition they aren't structured well to present all donation offers to donors.
The Solution
Create a solution to structure donation offers and bring a solution aligning with the organization's needs and donors.
My Role
Developing all these tasks: Planning, User Research, Wireframing, Usability Tests and High-fidelity Prototype.
Prototype
Here is the Prototype
Click here to acces the prototype online and interact with it.⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧ ⇧
The UX process
1 - User Research
During the user research we talked with 2 different users: the organization and Donors that are looking to donate. So we could get the insights for the application.
2 - Benchmark
For the benchmark, was made an analysis of donation platforms from different countries to understand the strengths, weaknesses and opportunities on their project interfaces.
3 - Listing Features and Ideas
After all the analyzes, the ideas from the previous processes were listed, in addition I brainstorm to get more ideas for the project.
After that i got a list of features for the new system and tasks to achieve the objective.
4 -Creating a userflow - Wirframing
i used invision to create the userflow and wireframe starting by low-fidelity wireframing to High-fidelity wireframing
in the userflow phase i create a path taken by our prototypical user (donor) on the app to complete the task. The user flow takes him from his entry point through a set of steps towards a successful outcome and final action, which is donation.
After this I created a simple low-fidelity wireframing prototype to help me structure what i gathered in the idiation and benchmarking phase .
5 - Prototype
i prototype using figma tool.Click here to acces the prototype online and interact with it.