kd

hello-world

sandbox

Inner City Visions

Inner City Visions

Inner City Visions

Building an internal client management system for housing.

Building an internal client management system for housing.

Product Designer

Product Designer

Jan - July 2025

Jan - July 2025

2 PLs, 3 Designers, 5 Developers

2 PLs, 3 Designers, 5 Developers

Figma, Notion

Figma, Notion

• NPO Consultation

• NPO Consultation

• NPO Consultation

Who & what does ICV need?

Who & what does ICV need?

ICV is an LA-Based 501©(3) non-profit organization with a mission to support the most vulnerable population of at-risk and exploited youth. Our team worked with the Homeless Outreach Program!

"Currently our team collects data on the ground quickly while meeting potential clients. We don't have a strong central database that securely stores and collect meta information about our clients for quick and reliable querying" - Samuel Flores

"Currently our team collects data on the ground quickly while meeting potential clients. We don't have a strong central database that securely stores and collect meta information about our clients for quick and reliable querying" - Samuel Flores

"Scheduling check-ins with our clients and tracking numbers to report are currently all done on paper. We want to digitize this process." - Randy Segovia

"Scheduling check-ins with our clients and tracking numbers to report are currently all done on paper. We want to digitize this process." - Randy Segovia

• Competitive Analysis

• Competitive Analysis

• Competitive Analysis

What are other database systems doing?

Notion: database excels in task and calendar layouts with a customizable side menu, offering flexible organization but can become sluggish with large datasets.

Notion: database excels in task and calendar layouts with a customizable side menu, offering flexible organization but can become sluggish with large datasets.

Google Drive: offers gallery views and powerful search bar enable quick file access, though it lacks structured data management features.

Google Drive: offers gallery views and powerful search bar enable quick file access, though it lacks structured data management features.

Airtable: provides a robust filter system and real-time collaboration, making it ideal for dynamic, data-heavy workflows, but its UI can be overwhelming for new users.

Airtable: provides a robust filter system and real-time collaboration, making it ideal for dynamic, data-heavy workflows, but its UI can be overwhelming for new users.

• User Interviews

• User Interviews

• User Interviews

Understanding ICV's daily operations

To better understand how to serve ICV, we held bi-weekly meetings. Knowing how they currently operate and what systems they use were crucial. Transitioning from paper to digital is tough—we want to make this process as smooth as possible.

To better understand how to serve ICV, we held bi-weekly meetings. Knowing how they currently operate and what systems they use were crucial. Transitioning from paper to digital is tough—we want to make this process as smooth as possible.

Our Problem + Task ☺︎

How might we centralize all their operations into one while ensuring unfamiliar features feel intuitive?

• Solution Preview

• Solution Preview

• Solution Preview

ICV's all-in-one internal dashboard!

This dashboard combines client intake, check-in, and database management into a single platform. It also streamlines ICV’s operations by integrating scheduling, calendar management, and resource distribution tracking, resulting in a more productive workflow! ☁︎

This dashboard combines client intake, check-in, and database management into a single platform. It also streamlines ICV’s operations by integrating scheduling, calendar management, and resource distribution tracking, resulting in a more productive workflow! ☁︎

Home + Calendar

Check-ins, event scheduling, and kit tracking.

Intake Form

Onboard a new client through a secured intake form to be a part of ICV's system.

Clients + Database

Access & edit client information + view all clients through a database.

The Process
The Process
The Process

• Timeline

• Timeline

• Timeline

20 weeks & a dream!

To sync up design & developers, this was our plan:

• Initial Designs + Lo-Fi

• Initial Designs + Lo-Fi

• Initial Designs + Lo-Fi

Building what we know & identifying what we don't

Knowing our core features, we started building out the skeleton of our product before beginning the long iteration stages.

• Iterations + Mid-Fis

• Iterations + Mid-Fis

• Iterations + Mid-Fis

Implementing feedback & rethinking visual hierachy

After making our initial designs, we presented to the ICV staff during our bi-weekly meetings and thought through visual hierarchy again. We made dozens of iterations throughout this time, but here are some of our biggest tipping points.


Dashboard Changes:

• Numbers should be tally-able.

• Viewing daily schedule should be a priority.

• CTA button is at the bottom.

After making our initial designs, we presented to the ICV staff during our bi-weekly meetings and thought through visual hierarchy again. We made dozens of iterations throughout this time, but here are some of our biggest tipping points.


Dashboard Changes:

• Numbers should be tally-able.

• Viewing daily schedule should be a priority.

• CTA button is at the bottom.

Client Profile Changes:

• Expand main contents

• Prioritize check-ins in the client profile.

• Nest upcoming check-ins within the check-in tabs

Calendar Changes:

• Access personal / team calendar through toggles

• Condense calendar view for maximum visibility

• Prioritize functionality rather than "nice-to-haves."

• 1st Challenge

ICV has 3 different check-ins: spontaneous, scheduled, and handouts. How do we maximize efficiency while maintaining a clear structure?

ICV has 3 different check-ins: spontaneous, scheduled, and handouts. How do we maximize efficiency while maintaining a clear structure?

ICV has 3 different check-ins: spontaneous, scheduled, and handouts. How do we maximize efficiency while maintaining a clear structure?

• 1st Challenge

• 1st Challenge

• 1st Challenge

First, what are the differences?

Meeting clients can range from being a simple hello to a full deliberation. Here's a quick visualization that shows the relationship between different check-ins!

• 1st Challenge [Solution]

• 1st Challenge [Solution]

• 1st Challenge [Solution]

Creating multiple flows to check-in

To accommodate for this unpredictability, we had to make sure the flow for tracking a check-in can be as quick and efficient as possible, while also serving its purpose.

• 2nd Challenge

When intaking clients, ICV collects family information to provide accurate resources. How can we avoid double-counting family members in our system?

When intaking clients, ICV collects family information to provide accurate resources. How can we avoid double-counting family members in our system?

When intaking clients, ICV collects family information to provide accurate resources. How can we avoid double-counting family members in our system?

• 2nd Challenge

• 2nd Challenge

• 2nd Challenge

The edge case

Double-counting of family members can occur when both spouses are in the ICV system—either through having their own individual profiles or by being linked to a spouse who is already in the system. This can also include double-counting of dependents, if applicable.

• 2nd Challenge [Solution]

• 2nd Challenge [Solution]

• 2nd Challenge [Solution]

Establishing a Head of Household

By assigning a client "Head of Household," we are able to eliminate double-counting and ensures an accurate count of the population served by ICV.

• Changes To Intake Form

• Changes To Intake Form

• Changes To Intake Form

Family section revised

Under the "Family" section of the intake, clients will have to state if they have a spouse (regardless of if they are an ICV client), if they have dependents, and if they are the head of household. Children will only be stored under who is the head of household to avoid duplicates.

• User Testing & Feedback Implementation

• User Testing & Feedback Implementation

• User Testing & Feedback Implementation

So... how responsive is our design?

After finalizing our feature set, we conducted unmoderated user testing on Maze using both tablet and desktop devices. This allowed us to simulate real-world usage scenarios—both in-field and in-office. In addition, we carried out live user testing sessions with ICV staff to gather direct feedback. From our analysis, we discovered that users faced the most difficulty navigating the tablet version of the interface, highlighting a key area for improvement in mobile usability.

Creating a collapsable menu

As a result, we designed a collapsible menu that allows users to easily navigate to the appropriate tab. This streamlined layout improves usability, reduces visual clutter, and enhances the overall user experience across the dashboard on tablets.

• Design System

• Design System

• Design System

Colors & components

We centered our primary colors around ICV's signature blue. For the secondary colors, we chose a pastel palette to add a whimsical touch to an otherwise standard dashboard.

• Wrap-Up

• Wrap-Up

• Wrap-Up

My takeaways!

Working on my first non-profit client project was an incredibly valuable learning experience. I gained so much from my peers and saw firsthand the impact of building technology that serves the community. By digitizing ICV’s workflow, my team & I were able to reduce manual tasks, streamline operations, and support their mission of reducing homelessness, one by one.


This project taught me the importance of clear communication, identifying core priorities, and developing a solid PRD are all key components in building a successful product. I feel truly privileged to have collaborated with such a dedicated and talented group of individuals. Big shout-out to my team!!!!! :


Sonav Agarwal, Kylie Bach, Christine Han, Jimin Kim, Emma Teng, Akhilesh Basetty, Travis Ha, Janys Li, & Eric Huang !!

Working on my first non-profit client project was an incredibly valuable learning experience. I gained so much from my peers and saw firsthand the impact of building technology that serves the community. By digitizing ICV’s workflow, my team & I were able to reduce manual tasks, streamline operations, and support their mission of reducing homelessness, one by one.


This project taught me the importance of clear communication, identifying core priorities, and developing a solid PRD are all key components in building a successful product. I feel truly privileged to have collaborated with such a dedicated and talented group of individuals. Big shout-out to my team!!!!! :


Sonav Agarwal, Kylie Bach, Christine Han, Jimin Kim, Emma Teng, Akhilesh Basetty, Travis Ha, Janys Li, & Eric Huang !!

Working on my first non-profit client project was an incredibly valuable learning experience. I gained so much from my peers and saw firsthand the impact of building technology that serves the community. By digitizing ICV’s workflow, my team & I were able to reduce manual tasks, streamline operations, and support their mission of reducing homelessness, one by one.


This project taught me the importance of clear communication, identifying core priorities, and developing a solid PRD are all key components in building a successful product. I feel truly privileged to have collaborated with such a dedicated and talented group of individuals. Big shout-out to my team!!!!! :


Sonav Agarwal, Kylie Bach, Christine Han, Jimin Kim, Emma Teng, Akhilesh Basetty, Travis Ha, Janys Li, & Eric Huang !!

i'd love to chat ☺︎

• LinkedIn | Email

last updated: aug. 2025

San Francisco, CA

20

°F

i'd love to chat ☺︎

• LinkedIn | Email

last updated: aug. 2025

San Francisco, CA

20

°F

i'd love to chat ☺︎

• LinkedIn | Email

last updated: aug. 2025

San Francisco, CA

20

°F