About
Playground
Work
Jade Luu
Case study 01
Commit The Change · Design systems · 2023
From Spreadsheets to Dashboards: Two Nonprofit Tools, One Design Process
From Spreadsheets to Dashboards: Two Nonprofit Tools, One Design Process
Streamlining donation pickups and community tracking anchors for organization members and the people they serve.
Streamlining donation pickups and community tracking anchors for organization members and the people they serve.
LUMA
Pickup flow
A clearer pickup, from request to handoff
Full case study
Recruiter scan
what is commit the change?
A student-led organization composed of emerging developers
and designers who are passionate in creating technology for local Nonprofit organizations.
what is Find your anchor?
Find Your Anchor is a grassroots movement aimed towards suicide prevention, awareness, and education—employing physical blue boxes (anchors) as a platform for communities to stay bonded together.
What is patriots & Paws?
Patriots and Paws provides and donates practical home goods and basic home furnishings to Veterans, Active Duty and Reservists throughout Southern California.
At a glance
Role
Product Designer
Timeline
2 years
tools
Slack · Trello · Figma · Notion
Scope
Journey strategy, UX, UI
the joint challenge
Two internal tools for two nonprofits: replacing spreadsheets and pen-and-paper with dashboards their teams can actually use.
The shared framework
Each project started the same way: a nonprofit with a real operational problem that I needed to understand to its core daily functions
01:
Before we sketched anything, our team needed to understand the people living the problem daily, so we built empathy maps and user flows to see the process from the respective views of the admins and users. Most of these sessions included guided group thought exercises to pressure-test our assumptions as a team since most of us were experiencing our first design project.
For Find Your Anchor (FYA), I sought to understand the perspective of an isolated demographic experiencing mental health issues and wanting to find community.
For Patriots and Paws (PnP), I focused on the features and functionality that admin, donors, and drivers would want for their experience with the patriots and paws service. Each target audience had a unique need and pain point for the donation process.
02
Based on my solidified understanding of what functionality needed to be considered for the desired user, I took ownership of creating the user persona for a general user for FYA and a donation driver for PnP.
03
A flexible interface ready to grow with future care pathways.
04
A flexible interface ready to grow with future care pathways.
Selected process
Use these editable panels to add research evidence, flows, or decision-making moments as the story develops.
Add research insight
Add service blueprint, pickup flow, or operational insight.
Add interface evolution
Add final interface, rule set, or coordination pattern.
Next case study
Full case study
Recruiter scan
what is commit the change?
A student-led organization composed of emerging developers
and designers who are passionate in creating technology for local Nonprofit organizations.
what is Find your anchor?
Find Your Anchor is a grassroots movement aimed towards suicide prevention, awareness, and education—employing physical blue boxes (anchors) as a platform for communities to stay bonded together.
What is patriots & Paws?
Patriots and Paws provides and donates practical home goods and basic home furnishings to Veterans, Active Duty and Reservists throughout Southern California.
At a glance
Role
Product Designer
Timeline
2 years
tools
Slack · Trello · Figma · Notion
Scope
Journey strategy, UX, UI
the joint challenge
Two internal tools for two nonprofits: replacing spreadsheets and pen-and-paper with dashboards their teams can actually use.
The shared framework
Each project started the same way: a nonprofit with a real operational problem that I needed to understand to its core daily functions
01:
Before we sketched anything, our team needed to understand the people living the problem daily, so we built empathy maps and user flows to see the process from the respective views of the admins and users. Most of these sessions included guided group thought exercises to pressure-test our assumptions as a team since most of us were experiencing our first design project.
For Find Your Anchor (FYA), I sought to understand the perspective of an isolated demographic experiencing mental health issues and wanting to find community.
For Patriots and Paws (PnP), I focused on the features and functionality that admin, donors, and drivers would want for their experience with the patriots and paws service. Each target audience had a unique need and pain point for the donation process.
02
Based on my solidified understanding of what functionality needed to be considered for the desired user, I took ownership of creating the user persona for a general user for FYA and a donation driver for PnP.
03
A flexible interface ready to grow with future care pathways.
04
A flexible interface ready to grow with future care pathways.
Selected process
Use these editable panels to add research evidence, flows, or decision-making moments as the story develops.
Add research insight
Add service blueprint, pickup flow, or operational insight.
Add interface evolution
Add final interface, rule set, or coordination pattern.
Next case study
Full case study
Recruiter scan
what is commit the change?
A student-led organization composed of emerging developers
and designers who are passionate in creating technology for local Nonprofit organizations.
what is Find your anchor?
Find Your Anchor is a grassroots movement aimed towards suicide prevention, awareness, and education—employing physical blue boxes (anchors) as a platform for communities to stay bonded together.
What is patriots & Paws?
Patriots and Paws provides and donates practical home goods and basic home furnishings to Veterans, Active Duty and Reservists throughout Southern California.
At a glance
Role
Product Designer
Timeline
2 years
tools
Slack · Trello · Figma · Notion
Scope
Journey strategy, UX, UI
the joint challenge
Two internal tools for two nonprofits: replacing spreadsheets and pen-and-paper with dashboards their teams can actually use.
The shared framework
Each project started the same way: a nonprofit with a real operational problem that I needed to understand to its core daily functions
01:
Before we sketched anything, our team needed to understand the people living the problem daily, so we built empathy maps and user flows to see the process from the respective views of the admins and users. Most of these sessions included guided group thought exercises to pressure-test our assumptions as a team since most of us were experiencing our first design project.
For Find Your Anchor (FYA), I sought to understand the perspective of an isolated demographic experiencing mental health issues and wanting to find community.
For Patriots and Paws (PnP), I focused on the features and functionality that admin, donors, and drivers would want for their experience with the patriots and paws service. Each target audience had a unique need and pain point for the donation process.
02
Based on my solidified understanding of what functionality needed to be considered for the desired user, I took ownership of creating the user persona for a general user for FYA and a donation driver for PnP.
03
A flexible interface ready to grow with future care pathways.
04
A flexible interface ready to grow with future care pathways.
Selected process
Use these editable panels to add research evidence, flows, or decision-making moments as the story develops.
Add research insight
Add service blueprint, pickup flow, or operational insight.
Add interface evolution
Add final interface, rule set, or coordination pattern.
Next case study