1 of 14

2 of 14

Team

Angelica Anderson

UI/UX Designer

Gia Nguyen

UI/UX Designer

Atticus Wong

Developer

Tarun Rawat

Developer

3 of 14

Design Process

Problem

Solutions

Reflection

User Research

4 of 14

Understanding the Challenge

Context: Fourth & Hope provides services for individuals facing housing insecurity, but it is challenging for them to track service usage and client demographics.

5 of 14

SWOT Analysis

6 of 14

Interview with Fourth & Hope Staff

No service tracking

Fragmented workflow

No measurable outcomes for grants

Poor communication

Karla

“We support more than just overnight guests, but there’s no reliable way to log or document those daily services.”

“Each team uses their own system or spreadsheet, there’s no unified way to manage client information.”

“When applying for grants, we struggle to show the impact of our services since we don’t track it.”

“Without a shared system, there is confusion on who’s waiting or when they arrived”

7 of 14

Problem Statement

Fourth & Hope lacks a unified system for managing client services, leading to inefficiencies in daily operations, difficulty measuring outcomes, and challenges in securing funding.

8 of 14

Design Challenge

How might we create a centralized platform that improves visibility across departments?

How might we help staff document services quickly and accurately?

How might we provide measurable outcomes that support funding efforts?

9 of 14

Ideation - Low-Fidelity Designs

10 of 14

Mid-Fidelity Designs

11 of 14

Solution

A centralized CRM that:

  1. Combines service tracking, client profiles, and reporting tools
  2. Improves communication across teams
  3. Supports data collection for measurable outcomes

12 of 14

Reflection

  • Limited time to design for both mobile and web�
  • Difficulty generating outcome reports via Gemini for grant applications�
  • Complexities in structuring data and visual hierarchy for efficiency
  • Highly available systems with well-defined API endpoints will improve data security and flow

  • Aligning on components and design systems early prevents inconsistencies

  • User research directly shaped our design decisions and validated features

Challenges

Takeaways

13 of 14

Reflection

Next Steps

  • Develop a mobile-compatible app with a dedicated case management microservice�
  • Migrate the platform’s backend to a SQL database
  • Finalize high-fidelity mobile wireframes
  • Prototype remaining features like Messages (for internal communication) and Announcements (for system-wide notifications)

14 of 14

Thanks!

Do you have any questions or feedback?

Devpost Site | Figma Project