Dakota Medical Foundation logo

Improved Checkout Workflow

Dakota Medical Foundation - Giving Hearts Day

Back to UX Portfolio

Project Description

Teamed up with DMF to revamp their Giving Hearts search and donation workflow making it easier, friendlier, and more powerful for donors and fundraisers alike!

The project focused on creating an intuitive interface for donors to find and support causes they care about, while providing powerful tools for fundraisers to manage their campaigns.

Through careful analysis of user needs and pain points, we developed a solution that streamlined the donation process while maintaining high donor satisfaction.

DMF donation interface

User Research

Listened to Donor Feedback

  • Observed real donor interactions to understand common concerns and areas of confusion.
  • Noted frequent questions and process bottlenecks that slowed down donations.

Interviewed Fundraisers

  • Conducted one-on-one conversations with fundraisers to learn about their workflow.
  • Gathered insights on the tools they currently use and what improvements they would find most valuable.
  • Identified gaps where additional support or automation could enhance their efficiency.

Key Findings

  • Donors struggled to find specific causes they wanted to support.
  • Fundraisers needed better tools to manage their campaigns.
  • A lack of transparency led to donor confusion.
  • Both donors and fundraisers wanted a more streamlined donation process.

Workflows

Based on our research findings, we developed a streamlined workflow for handling donations.

The process now includes clear search functionality, automated communication with donors, and visual guides for fundraisers.

This structured approach helps reduce confusion and ensures a consistent experience for both donors and fundraisers.

Workflow diagram

Wireframe Mockups

Initial wireframes focused on creating a clean, organized interface that would make it easy for donors to find and support causes they care about.

We iterated on these designs based on user feedback, ensuring the layout supported efficient donation workflows.

Wireframe mockup 1
Wireframe mockup 2

High-Fidelity Mockups

The final design incorporated DMF's brand guidelines while maintaining a professional and efficient interface.

We added interactive elements and clear visual hierarchies to improve usability and make the app more engaging for both donors and fundraisers.

High-fidelity mockup 1
High-fidelity mockup 2