Munificence is a digital app that manages non-profit's donors and recommends personalized action items to improve organization's sustainability and growth.
Keeping good relationships with donors greatly influences the growth and sustainability of an organization. However, smaller organization leaders in initial research have expressed that existing software is hard to use and thus reducing operational efficiency.
With a co-intern, I designed and determined the entire UX and UI of a non-profit donor management app. It not only aims to optimize user experience but also uses donor data to provide personalized insights and next steps.
Simplified onboarding – alleviating target customer's current pain points
We noticed that existing donor management software offered too many features at once. It made customers lost in direction and frustration. Drawing out user flow, we curated a step-by-step onboarding that has only the essentials. Onboarding follows up with a tutorial to ensure better guidance. It is yet optional for those who prefer faster onboarding.
Dashboard – providing data, insights, and action items
What does an organization need and want to know first and the most? Keeping their workflow in mind, we laid out contents of dashboard by:
- Where the organization is currently at (Overview)
- How they came to this point (Quick Stats)
- What is upcoming? What's next? (Suggested Action)
The personalized recommendation feature is this product's key differentiator. It also strives for the overarching vision of supporting the organization's growth.
Usability study – validating design assumption
We tested our ideas through a usability study with customers in our target domain. We collected not only their survey responses but also their behavior interacting with a prototype to capture potential latent insights. We analyzed and iterated our design based on our study.
Simple, approachable, and fun – developing art direction
Simple, approachable, and fun while still professional. We defined art direction based on interviews with the client and target customers. We created a mood board and iterated based on the client's feedback. It guided us when we were moving towards the final mockup phase.
Design system – maintaining consistency
My team also documented styles and interaction of components and patterns used in the app. Documentation ensured that we used consistent styles across the app and marketing page.
The end-to-end process allowed me to gain perspectives of researcher, designer, and developer. The first time using Angular gave me exposure to modern front-end development.
If I continued this project, I would like to work on the personalized recommendation feature. As it is the product's key differentiator, I want to strengthen and ensure it is well data-driven. Aside, I would continue honing the product's visual, interaction, and style guide documentation.