Blink UX

Donor management made simple, approachable, and fun

Working with Dogfish Technologies, a client at Blink UX, designed and front-end developed a non-profit donor management platform.

Blink UX  project heroshot

Why Build This Product?

Keeping good relationship with donors greatly influences non-profit's growth and sustainability. However, initial user research with smaller nonprofit leaders has revealed that existing donor management software is cluttered with features, hard to navigate, time consuming, and expensive. Munificence (tentative product name) aims to not only solve the issues, but also utilize the donor data to provide personalized insights and next steps.

Donor Management App marketing page
Donor management app marketing landing page

Design Process

Given the user research and feature list from our client, my team worked on the UX and UI of the app — from information architecture, wireframing, prototyping, and content strategy to interface mockups. We also frontend developed the product and the marketing website.

Our team met the client on weekly basis to ensure our design aligns with the client's desire. We also conducted usability studies to clear assumptions we made in our designs. My secondary roles included documenting and maintaining design system, leading usability research, and assisting branding and marketing website.

Blink UX  team ideation session
Team ideation session
Overview of the usability testing kit
Overview of the usability testing kit

Account Setup Flow

Donor management app Organization setup page (admin only)
Admin first creates an organization
Donor management app account signup page (admin only)
Admin setups their account
Donor Management app Join organization page (general users)
Users signs up their accounts when they receive an invitation to join an organization

Onboarding & Tutorial Flow

Donor management app onboarding welcoming
Onboarding welcoming page
Donor management app onboarding pt. 1
Onboarding pt 1. upload existing data
Donor management app onboarding pt. 2
Onboarding pt 2. invite members
Donor management app onboarding pt. 3
Onboarding pt 3. invite to tutorial
Donor Management App marketing page
Tutorial welcoming page
Donor Management App marketing page
Tutorial end page

The Dashboard

Donor Management App marketing page
Sample dashboard view

The Design System

Donor Management App design system colors
Design system: colors
Donor Management App design system typography
Design system: typography
Donor Management App design system input component
Design system: component (input fields)
Donor Management App design system input component
Design system: component (buttons)