Design
Type of User
My research revealed two types of users:
1. Those who have donated to charitable groups
2. Those who have not donated to charitable groups
This solution is designed for both types of users, as the features and platform guidelines seek to alleviate the donation complications of both parties.
Project Scoping
Solution Framing
Intuitive + Flexible
platform should be easily navigable and should conveniently connect users with disposal and repair services
Informative
solution must be designed to holistically meet users informational needs
Legitimate
listed charities and transactions must be legitimate and secure so users feel comfortable when donating
Design Challenge
How might I alleviate people's donation misgivings and encourage them to give while simultaneously connecting underrepresented, diverse charities to a wider audience?
Ideation
Primary Features
Discover Page
Will show the user a list of randomized charitable organizations focused on a diverse array of issues, changing each time the user entered the application or manually, in order to expose the user to diverse issues and charities.
Flexible Search Bar
Flexible search feature allows users to search charity names, areas of focus, and locations via direct search or filters, creating a more streamlined and relevant search.
Secondary Features
Tracking System
Users will be able to keep account of their donation metrics (frequency, amount, etc.) to improve platform organization and perceived utility.
Organization Updates
Upon selection, the app will push non-intrusive reports periodically alerting the user on the activities of their selected charitable group, increasing organization legitimacy and improving the user's sense of impact.
Filtration System
After or before the user enters input a search query they’ll be able to further narrow down their options to certain specifications, increasing search efficiency.
Save Option
Users are able to save selected charities to their account, allowing them to efficiently and easily navigate charities of interest.
Share Option
Users will be able to share a link specific to charitable organizations and/or donation confirmations to draw attention to certain causes and encourage others to give.
Information Architecture
I designed information architecture to visualize how users could interact with this platform. This allowed me to identify how to best organize content and ensure effortless interaction.
Nunito Bold
Nunito Semi Bold
Nunito Normal
Iteration
Initial Wireframes (Low-Fidelity)
Post ideation, I created a set of low-fidelity wireframes in Balsamiq to get a sense of the donation journey and charity discovery. These wireframes helped me decide how to manage the screen real estate and potential use cases.
Visual Language Decisions
- I selected Nunito as the primary font due to it being a well balanced, highly-readable, and simple sans-serif typeface. The varying widths of Nunito created an information hierarchy that allowed for easy information traversal.
- A combination of greys was used to improve readability and provide neutrality.
- Yellow psychologically evokes a sense of optimism and happiness due to serotonin release. I accented with a blue, as the color is considered to promote emotions of trust and safety.
- Color was used in specific areas to highlight information, provide contrast, or draw attention (e.g. CTA).