Project Scope \

Each year, government spends more than a trillion dollars in combined federal, state, and local funds to support hundreds of thousands of local health and human service providers who help individuals and families improve their well-being, reach their full potential, and contribute to their communities.


The problem is that it is currently impossible to routinely and transparently answer some basic questions due to disparate data sources, non-standardized data, and decentralized and non-standardized organizational processes:

  • Where are government-funded social services delivered?

  • Are funds aligned with actual needs for services?

  • How accessible are these services? Where is access limited?

  • Where are more services needed? Which areas have the most need?

  • Where is more funding needed?

  • What is the change in need relative to the change in funding?

  • Where do people using services live relative to the service provider locations?


Overview \

CareCodes is our solution, a user-driven web-based tool will help city decision makers better analyze and allocate health resources where they are most needed in Chicago.


// Product

CareCode | Website

// Client

 City of Chicago department

// Collaboration

Center for Spatial Data Science

// UI/UX Product Team 

Nancy Hu

Vivian Dang

Ann Liu

Elizabeth Dyla

Elena Franck

// Mentors

Akemi Hong, Noel Cunningham

// Location

University of Chicago

// Duration

2 days


// Design Process


Empathize \

We conducted interviews with CDPH members of different department to find out where the problem is and what their needs are.


// Interviewee

Chicago Department of public healthy (CDPH) members of different department (innovation, data collection, manager)

// Selected Group Interview Question

  • Who is the users of this tool?
  • What's the current problems do you have regard to your responsibilities?
  • What do you want to get form this new tool?
  • Why do you think the current tool is not working?

Synthesize \

Create meaningful, actionable insights


// persona


// User Scenario

To make sure that the choices of functionality cover the needs of the target audience, we created a user scenario based on user case persona.


// Design challenge

Design an application to help Chicago city officials evaluate the effectiveness of social service contract funding and match funding to needs. This web-based decision tool will allow users to visualize areas of needs, determine where service funding is spent, and identify gaps between needs and funding.


Ideate \

Based on the analysis of the results and user cases, we had a brainstorming session to figure out which new functions, which renewed old functions, and which visual approach, could satisfy users needs.


// Brainstorming

We first started brainstorming before using story mapping to figure out the flow of the product. 

// Sitemap

Slice 1.jpg

Prototype \


// Moodboard


// Wireframe

We developed wireframes with the design starting from a simple entry which then lead into a more complex system.


Presentation \


Other Design Work