OneCause · UX Design Consultant · 2023

Milestone Dashboard

OneCause had no onboarding dashboard. I designed one from zero. Nonprofits went from a blank screen to launch-ready in 60% less time.

0→1Built from Nothing
60%Faster Setup in Testing
5Milestones Shipped
8Users Tested
OneCause Milestone Dashboard
My Role
UX Design Consultant
Platform
Web App (SaaS)
Focus
Onboarding & Activation
Tools
Figma · FigJam
The User

The Fearless Fundraiser.

Nonprofit coordinators and executive directors come to OneCause ready to make an impact. They're not technical. They're mission-driven. Their first day in the product should feel like a launchpad, not a quiz.

Fearless Fundraiser Archetype
How We Got Here

Numbers that meant nothing yet.

The existing dashboard threw users straight into empty graphs and zeroed-out analytics. No data, no context, no next step. It was a screen built for power users shown to people on day one.

Before State — Analytics Dashboard

"I logged in, saw the blank screen, and thought I'd done something wrong. I called support just to ask if I was in the right place."

— Development Director, Mid-size Nonprofit

How the Project Was Defined

A dashboard with one job.

The brief wasn't to redesign analytics. It was to answer one question for every new user: what do I do right now? The product needed a first-day experience that gave people direction, not data.

Project Expectations

Research. Then deliver.

🔍
Research
Understand why new users were dropping off. Interview fundraising coordinators, map where they got lost, and define the gaps the product wasn't filling.
🚀
Delivery
Design and validate a goal-oriented onboarding dashboard. Five milestones. Tested with real users. Handed off ready for development.
Early Iterations

Getting it wrong, faster.

Iteration 1
01
Simple task list, analytics below.

The first thought was to put a basic task list up top and push analytics to the bottom. Clean in theory. But it didn't hold up.

  • No incentive to complete tasks.
  • No way to track what was already done.
  • Visuals didn't make the cut.
Iteration 2
02
Milestones get their own space.

Now we're getting somewhere. Analytics moved into their own section. Milestones got more visual weight and importance. But it needed more.

  • UI was too crowded.
  • Key stats still weren't scannable at a glance.
  • The milestone card took up way too much space.
Final Design

From blank screen to first campaign.

Five milestones. Each one scoped, completable, and marked done. The full platform only opens once setup is complete. No overwhelm, no guessing.

Final Design
Breaking Down the Design

Everything they need. Right there.

Five key milestones guide users through org setup, each with a progress status and select steps marked RECOMMENDED by OneCause. Once complete, they stack at the bottom temporarily. Alongside the milestones, the sidebar and resources give users everything they need without ever leaving the dashboard.

Sidebar Detail
Resources Section
What Did This Achieve

Faster to first. Further overall.

01
Simplified setup so new users could quickly understand and complete essential tasks, cutting time-to-activation.
02
The face of the product is no longer overwhelming graphs. It's actionable milestones that help users start fundraising.
03
Everything a new user needs is right there on day one, including direct access to OneCause web resources.
Next Project
Up next
Avocado Fitness™