top of page
crohns_colitis_foundation_logo.jpeg

Crohn's & Colitis Foundation

Designed a product management tool 

Overview

The Foundation relied on manually tracking and managing projects. As the Foundation grew, this slowed teams down and placed a heavy cognitive load on the staff. 

My Solution

I designed an internal project‑management tool that mirrored the team’s existing mental models, ensuring immediate adoption, reduced tracking errors, and a lighter cognitive burden.

TARGET USER

Internal project managers & data analysts.

MY ROLE

UX Designer & Researcher

Snapshot of the homescreen

Why this Approach?

The manual system had worked when the organization was small, but as project volume increased, it became overwhelming. The team needed automation without the friction of learning a new tool, so grounding the design in their familiar workflow made the most sense.

User Research Process

Mockups (1).png

I carried out user interviews, workflow observation, and affinity mapping to build a clear understanding of how the internal teams at the Foundation worked.

 

This uncovered what they needed, where they struggled, and which habits were essential to preserve.

 

Together, these methods grounded my solution in their existing mental model, ensuring the new platform felt familiar, intuitive, and immediately usable.

Mockups (2).png

Simplified Work Flow Process

  • Memory Dependency: Teams relied on memory and manual nudges to keep projects moving.

  • Tool-Switching: High "emotional friction" was caused by constantly toggling between spreadsheets and emails.

  • The "Non-Negotiable": Users needed the speed of a digital tool without losing the "spreadsheet-style logic" they trusted.

Turning Insights into Design Principles

Intuitiveness through familiarity
Maintain structural elements from the existing workflow (like tables and status labels) so users wouldn’t need to relearn everything from scratch.
Efficiency through Automation
Introduce automated notifications and update systems to remove repetitive manual steps.
Visibility & Transparency
Build dashboards and views that clearly reflected real-time project statuses, owners, and required actions—no more guessing games.
Sustainable UX Design
Prioritize a clean, efficient interface that minimized cognitive load and was sustainable across devices (low energy use, high navigability).

UI Design

Style Guide

Crohn's & Colitis Foundation Style Guide.png

Style guide to ensure design consistency and easier hand-off

Homepage

Mockups (3).png

Offers a high-level snapshot of all active projects, color-coded by status. Users can filter by priority or team, and see milestones at a glance.

Project Request Page

Annotation Add New.png

Allows users to quickly submit new project requests by filling out a familiar, spreadsheet-style form.

Project Overview Status

Annotation for Kanban Board.png

A Kanban board method to track & move projects through stages. Projects are visually segmented by operational milestone, enabling at-a-glance status assessment. reducing cognitive load and supporting operational transparency.

User Feedback

Positive regarding familiarity, but users were concerned about "missing" the manual control of their old spreadsheets. Changes Made: I kept the "spreadsheet-style" form for project requests to lower the barrier to entry while automating the backend data entry. Client Feedback: Stakeholders emphasized the need for a "Color-Blind Friendly" system; I iterated on the status tags (New, In Review, Approved) to ensure they were accessible and functional, not just decorative.

Skills Demonstrated

  • UX Research: Stakeholder Interviewing, Shadowing, Affinity Mapping, Sentiment Analysis.

  • Product Strategy: KPI Definition, Workflow Optimization, AI Integration.

  • UI Design: Accessible Color Theory, Dashboard Design, Kanban Systems.

Next Steps:

1. Feature Expansion: Automated Reporting: Based on early feedback, the next iteration will include a "One-Click Report" feature that automatically generates stakeholder updates, further reducing the need for manual email threads.

2. Advanced Accessibility Audit: While the initial version utilized an AI-generated color-blind friendly palette for status tags, I want to conduct a full WCAG 2.1 compliance audit to ensure the tool remains inclusive as the foundation grows.

3. User Onboarding Flow: I would like to design a brief, interactive "Walkthrough" for new hires to further reduce the reliance on "muscle memory" and ensure the tool is self-explanatory for future team members.

bottom of page