Family Promise Platform
Skills: Wireframing · Stakeholder Management · Human-Centered Design
Overview
Family Promise helps families experiencing homelessness regain stability through community support.
Our challenge: design a modern, unified platform that simplifies case management, reduces data duplication, and improves collaboration between affiliates.
My Role
Lead UX Designer
I led user research, stakeholder alignment, and end-to-end design for the platform’s first phase — from discovery workshops to interactive prototypes and a scalable design system.
The Problem
Case managers across different affiliates were using disconnected tools and manual processes.
This created:
Redundant data entry
Inconsistent reporting metrics
Poor visibility across sites
The organization needed a system that worked for them, not against them.
Approach
Using Human-Centered Design (HCD) principles, I guided the team through a phased approach:
Discover — Conducted stakeholder interviews and service-mapping workshops.
Define — Identified key friction points across the intake and reporting processes.
Design — Developed wireframes, prototypes, and an accessible dark-mode design system.
Validate — Tested key workflows with case managers to ensure clarity and ease of use.
Phase 1 Highlights
Roadmap
Created a milestone-driven roadmap linking user pain points to design goals and measurable outcomes. Each sprint delivered validated improvements to core workflows.
Design System
Developed a custom Family Promise Style Guide with:
Accessible color palette (optimized for contrast and dark mode)
Modular UI components (buttons, form fields, toggles)
Consistent typography and iconography for brand alignment
Wireframes & Prototypes
Designed core experiences including:
Case Management Dashboard for tracking family progress and actions
Affiliate Portal for cross-site data and reporting
Form Builder for customizable intake and case tracking forms
Outcomes
40% less data duplication through integrated workflows
Standardized reporting across affiliates for grant visibility
90% user satisfaction during pilot usability testing
Next Steps
The next phase focuses on:
Data visualizations to monitor family outcomes
API integrations for reporting automation
Full accessibility and 508 compliance
Impact
This project transformed how Family Promise manages family data — turning fragmented systems into one cohesive, empathetic digital experience that supports both people and process.
Expertise Employee Finder
Skills: Responsive UI Design · Accessibility · Inclusive Design
Overview
The Expertise Employee Finder is an internal CMS tool designed to help staff quickly locate subject-matter experts across divisions.
The project goal: redesign an outdated interface to improve discoverability, streamline search, and meet modern accessibility standards.
My Role
UX/UI Designer
I was responsible for responsive layout design, color-contrast accessibility, and component optimization.
Collaborated with developers and accessibility SMEs to align design tokens and build reusable patterns for web and mobile.
The Problem
The original system had inconsistent styling and poor usability.
Key issues identified through heuristic evaluation and user feedback:
Difficult navigation across screen sizes
Non-compliant color contrast
Redundant search flows and unclear filters
Approach
Using a human-centered, iterative design process:
Audit: Conducted accessibility and responsiveness audits on the current system.
Define: Mapped user journeys for different staff roles (analyst, project manager, admin).
Design: Created flexible grid layouts and accessible color systems.
Test: Validated prototypes with keyboard-only and screen-reader users.
Opportunities & Goals
Build trust and reduce frustration for internal users
Redesign the search experience for speed and clarity
Increase compliance with WCAG 2.1 AA standards
Create consistent, scalable UI components across breakpoints
Key Design Decisions
1. Color and Accessibility
Switched to high-contrast palette for improved legibility
Implemented consistent hover and focus states
Documented accessible color pairings in the style guide
2. Responsive Layout
Introduced flexible grids for desktop, tablet, and mobile
Prioritized critical information above the fold
Optimized card patterns for small screens
3. Search & Filters
Consolidated filters into an accordion menu
Highlighted key details (name, skill area, availability)
Added visual indicators for verified experts
Components
A new modular component library was built for reusability and future expansion:
Cards (Profile, Project, Skill)
Buttons (Primary, Secondary, Disabled)
Form Inputs (Search, Dropdown, Multi-select)
Pagination & Alerts
These components were tested for screen-reader navigation and color contrast compliance.
Success Metrics
✅ Reduced time-to-find-expert by 30%
✅ Achieved full WCAG 2.1 AA compliance in pilot testing
✅ Improved system usability score (SUS) by 25 points
✅ Increased mobile usage among staff by 40%
Project Results
The redesigned Expertise Finder increased engagement across all user types, allowing staff to find expertise in seconds — not minutes.
The new responsive interface improved confidence, accessibility, and collaboration across teams.
Next Steps
Integrate advanced search with tagging and filtering
Expand design tokens into an internal design system
Continue accessibility testing for ARIA and screen-reader support
Each case study showcases how I approach design problems through research, strategy, and execution. From government data platforms to nonprofit tools, I use human-centered design to translate complex systems into intuitive, inclusive experiences. My work highlights the balance between visual clarity, accessibility, and measurable impact. Showing not just what I designed, but how and why it made a difference.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg"><path d="M 13.554 4.121 L 14.357 3.56 L 14.357 1.832 L 9.305 0 L 0 6.505 L 0 8.231 L 0.801 8.522 L 0 9.082 L 0 11.948 L 8.645 15.093 L 18 11.695 L 18 5.736 Z M 9.396 0.684 L 13.392 2.133 L 4.958 8.029 L 0.965 6.578 Z M 0.613 7.102 L 4.696 8.586 L 4.696 9.287 L 0.613 7.803 Z M 8.339 14.33 L 0.613 11.52 L 0.613 9.679 L 8.339 12.49 Z M 8.6 11.933 L 0.965 9.155 L 1.505 8.778 L 5.048 10.066 L 12.941 4.55 L 17.035 6.037 Z" fill="rgb(38, 5, 46)" height="15.093399999999999px" id="TcVBdGAML" transform="translate(3.5 1)" width="18px"/><path d="M 1.103 0.086 C 1.136 0.109 1.162 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.044 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.103 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="XB9sHV6XO" transform="translate(13.038 10.299)" width="1.2268513404660126px"/><path d="M 1.103 0.086 C 1.136 0.109 1.162 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.326 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.515 -0.018 0.9 -0.056 1.103 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="L22u6owDv" transform="translate(11.631 9.787)" width="1.2266147736854904px"/><path d="M 1.104 0.086 C 1.136 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="f0gDmi85_" transform="translate(14.265 9.441)" width="1.2269392586073167px"/><path d="M 1.104 0.086 C 1.137 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.693 C -0.057 0.544 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="XRmJgJI3i" transform="translate(12.858 8.93)" width="1.2269392586073025px"/><path d="M 1.104 0.086 C 1.137 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.091 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="wsCLkGZ6y" transform="translate(15.492 8.583)" width="1.2268689103426667px"/><path d="M 1.104 0.086 C 1.136 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.687 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="UqTGtjMla" transform="translate(14.085 8.072)" width="1.2269055199070777px"/><path d="M 1.104 0.086 C 1.137 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="RaGfd1gJR" transform="translate(16.719 7.726)" width="1.2268147736854758px"/><path d="M 1.104 0.086 C 1.137 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.687 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="gI39y_TTg" transform="translate(15.311 7.214)" width="1.22674442542084px"/><path d="M 1.104 0.086 C 1.136 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.687 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.044 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="B6pvGR_Wl" transform="translate(17.946 6.868)" width="1.2268147736854758px"/><path d="M 1.104 0.086 C 1.136 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(38, 5, 46)" height="1px" id="bbeGa4AZ4" transform="translate(16.538 6.357)" width="1.2268147736854687px"/><path d="M 2.917 0.02 C 2.566 0.148 2.205 0.26 1.867 0.419 C 1.367 0.654 0.921 1.047 0.576 1.474 C 0.262 1.863 -0.006 2.338 0 2.852 C 0.006 3.389 0.4 3.737 0.865 3.925 C 1.522 4.191 2.353 4.166 3.045 4.112 C 3.825 4.051 4.592 3.871 5.304 3.546 C 6.661 2.924 8.101 2.211 9.628 2.175 C 9.927 2.168 10.389 2.207 10.537 2.424 C 10.705 2.671 10.516 2.887 10.263 3.014 C 9.857 3.219 9.408 3.321 9.009 3.548 C 8.488 3.844 8.139 4.325 7.991 4.902 C 7.893 5.285 8.484 5.447 8.582 5.065 C 8.858 3.99 9.866 3.95 10.688 3.481 C 11.4 3.075 11.355 2.058 10.602 1.728 C 10.181 1.542 9.702 1.542 9.251 1.585 C 8.571 1.651 7.906 1.833 7.26 2.052 C 6.417 2.337 5.642 2.755 4.822 3.092 C 4.081 3.396 3.267 3.515 2.471 3.525 C 1.936 3.532 1.115 3.546 0.716 3.123 C 0.439 2.831 0.734 2.318 0.904 2.056 C 1.188 1.618 1.612 1.257 2.066 1.004 C 2.381 0.829 2.742 0.733 3.08 0.61 C 3.448 0.476 3.289 -0.116 2.917 0.02 Z" fill="rgb(206, 15, 209)" height="5.282784710833035px" id="jfAGWIIWN" transform="translate(7.811 13.717)" width="11.195729794649612px"/></svg>)