designing a crm portal for busy healthcare teams

designing a crm portal for busy healthcare teams

Improving employee–client communication for a healthcare accreditation startup

Improving employee–client communication for a healthcare accreditation startup

Team

1 Designer, 4 Engineers

Timeline

June – August 2025 (2 months)

Tools

Bolt.New, Github Co-Pilot, Miro

Summary

Summary

Healthcare accreditation is a high-stakes, document-heavy process where visibility and accuracy directly affect operations.

As a Product Design Intern at a healthcare accreditation startup, I worked closely with engineers to design a centralized CRM portal that replaced fragmented, email-driven workflows with a shared system of record. The solution reduced cognitive load, improved transparency, and supported collaboration across internal teams and external clients.

With the short timeline, I also explored AI-assisted prototyping to accelerate iteration while maintaining strong UX judgment, accessibility, and clarity.

My Role

My Role

I led the app's structure by mapping site maps and user flows, facilitating user interviews and testing, creating interactive prototypes, and advocating for accessibility. I partnered closely with developers to translate designs into production-ready UI.

My Main Deliverable:

My Main Deliverable:

Project Overview

Project Overview

Project Overview

The Problem

The Problem

Accreditation relied on a fragmented workflow of multiple third-party tools: email inboxes, document platforms, and scheduling software.

This posed many problems for employees managing the process:

  • Fragmented communication created ambiguity around ownership and status

  • No shared visibility made it hard to understand what was pending or complete

  • Loss of continuity occurred when staff changed roles or left

  • Manual follow-ups consumed time and increased error risk

This wasn’t just inefficient, it introduced operational risk in a domain where trust and accountability are critical.

This diagram shows the old accreditation workflow, where many teams contacted the same user separately, resulting in a fragmented and hard-to-manage experience.

This diagram shows the old accreditation workflow, where many teams contacted the same user separately, resulting in a fragmented and hard-to-manage experience.

RESEARCH

Key Insight

At first, we believed the problem was simply having too many tools to use.

After user interviews, we found that the deeper issue was lack of shared context and visibility.

Employees didn’t just need fewer tools, they needed:

  • Confidence that documents weren’t lost

  • Clear ownership and status at a glance

  • A system that preserved context over time

With this in mind, I focused on designing an app that stores shared records, but also augments human coordination.

Our Users

Our Users

Our users include internal employees as well as clients like hospital staff and faculty (designees) who must coordinate through multiple conversations and systems to achieve accreditation.

Internal Users

Company employees

External Users

Healthcare facilities & surgeons

Their Frustrations

The internal process is complex and manual, with an over-reliance on individual email inboxes. This over-reliance was leading to lost documents, inefficiency, burnout among employees, increased operational costs, and a risk of lower client satisfaction.

Why was this happening?

I reached out to 5 employees across departments and found:

1. Single point of communication

There is a heavy reliance on certain individuals to receive and manage all emails sent by employees.

2. No central repository

Users lacked a unified place to access relevant documents, deadlines, or progress, revealing a lack of transparency in the current workflow and difficulty with collaboration.

3. Lack of continuity

When a hospital staff member leaves, their email history is often inaccessible to new employees, rendering documents lost and un-trackable.

4. Manual follow-ups

Employees must then manually check in or resend lost documents, which is a tedious and time-consuming process.

Solution & Goals

Solution & Goals

To solve communication inefficiencies and document loss, we aimed to streamline communication and improve resource accessibility for both employees and clients.

To solve communication inefficiencies and document loss, we aimed to streamline communication and improve resource accessibility for both employees and clients.

This chart illustrates how users would interact with the new CRM portal (click image to zoom in)

The new CRM portal serves as a central hub for accreditation-related materials, giving users easy access to service information, important documents, and request submission tools. It enables self-service for designees, improves transparency, and reduces reliance on individuals.

How I Approached the Design

Conducting User Interviews

Conducting User Interviews

For each CRM Portal feature, I collaborated with employees from relevant departments to gather insights on user pain points and identify opportunities to streamline the experience. I aimed to understand how employees and clients navigate daily tasks within the system.

Some Questions I Asked:

  • What individual services are currently offered to clients?

  • Which services are mandatory?

  • Which services are one-time scheduled only?

  • Could you walk me through the process of scheduling a meeting?

Key Session Insights:

  • Users may not always know the exact document name they’re looking for and need intuitive search and discovery tools.

  • Older designee accounts can contain large volumes of documents, highlighting the importance of clear organization and filtering options.

Mapping Layouts in Miro

Mapping Layouts in Miro

Using Miro, I created a site map to visualize the main user flow & information architecture, giving my team and stakeholders a clear, shared view of how users would navigate the product.

AI as a Design Material

AI as a Design Material

To support faster iteration and exploration, I experimented with AI-assisted design workflows during early prototyping and development.

I used AI to:

  • Generate UI for early user testing

  • Accelerate repetitive layout exploration

  • Explore alternative IA structures during ideation

Key Design Decisions & Tradeoffs

Key Design Decisions & Tradeoffs

1. Task-based workflows over message threads

I designed around requests, documents, and deadlines instead of conversations to make progress and ownership visible at a glance.

Tradeoff: Required behavior change, but significantly reduced ambiguity and follow-ups.

2. Information architecture designed for uncertainty

I prioritized search, filtering, and progressive disclosure, recognizing that users often didn’t know what they were looking for by name.

Tradeoff: Increased design complexity upfront, but scaled far better in real-world use.

3. AI-accelerated iteration with UX guardrails

AI sped up exploration, but UX decisions around hierarchy, accessibility, and interaction remained human-led.

Tradeoff: Slightly slower than full automation, but far higher quality outcomes.

Experimenting with the Code to Customize Styles, Color Palette, & Typography

Experimenting with the Code to Customize Styles, Color Palette, & Typography

To keep the app’s design consistent, I edited the code file that controls colors, text styles, and icons. This allowed me to create a unified UI and made it easy to update the design across the entire app.

Speeding up tedious UX workflows through rapid prototyping & user testing

I reached out to employees across multiple departments to conduct user testing with our prototypes. Using the AI tool, I was able to iterate 3–4x faster than traditional Figma prototyping, which can take several hours per screen for mid to high-fidelity designs.

Validation & Iteration

I tested prototypes with employees across departments, focusing on:

  • Task completion speed

  • Clarity of status and ownership

  • Ease of locating documents

Based on feedback, I iterated on:

  • Navigation hierarchy

  • Visual prioritization of pending actions

  • UX writing to reduce ambiguity

Developer Handoff and Collaboration

Linking up Frontend UI with Backend Functionalities

Early on, our team used GitHub Copilot to generate the first version of the user interface, but the UI was messy and needed restructuring. We quickly learned how crucial precise prompts and human oversight are when prototyping with AI tools.

Realizing we needed to pivot, I began experimenting creating a new, more refined interface in Bolt.New. Once the updated design was finalized, the developers transferred the frontend code I generated and integrated it with the backend files in GitHub— following a thorough code review with a senior developer, of course!

The New User Interface

Before

Confusing wording and functionalities, accessibility & color contrast issues, inconsistent spacing & information hierarchy

Confusing wording and functionalities, accessibility & color contrast issues, inconsistent spacing & information hierarchy

After

Cleaner layout, adjusted UX writing based on user interviews, consistent color palette and improved accessibility

Cleaner layout, adjusted UX writing based on user interviews, consistent color palette and improved accessibility

Results

We presented the app to company employees & leadership, including the CEO

We presented the app to company employees & leadership, including the CEO

Employees were especially impressed by how the streamlined frontend and clear user flows simplified what used to be a complex, email-heavy accreditation process.

Impact & Outcomes

76% Faster Photo Tagging

~40%

reduction in accreditation communication steps

Reduced reliance on email and manual follow-ups

20%

faster task completion across core workflows

Strong qualitative feedback from internal users

76% Faster Photo Tagging

20%

faster task completion times

Improved user experience validated through positive user feedback

“The layout makes it so much easier to see where everything is and what needs our attention.”

— Designee Services Staff

“We’re really excited to start using this in our workflow.”

— Customer Service Employee

Learnings & Reflection

Overall, I learned a lot about both the potential and limitations of AI.

Reflection & Next Steps

This project reinforced that clarity is a form of safety in high-stakes systems.

If extended, I would:

  • Observe real-world usage to validate long-term adoption

  • Explore lightweight AI assistance (e.g., summarizing case status) while protecting sensitive data

  • Expand role-based permissions as workflows evolve

This experience shaped how I think about AI, systems design, and workflow augmentation in complex environments.

However, I found that without strong UX direction:

AI-generated interfaces quickly became cluttered

Inconsistent patterns emerged

Accessibility and clarity degraded

This reinforced an important lesson:

AI can accelerate design work, but it requires human judgment to produce coherent, accessible experiences.

AI can help with efficiency and streamlining tedious parts of the UX process…

AI can help with efficiency and streamlining tedious parts of the UX process…

In the past, especially as an early career designer, I've found myself spending hours on user research and prototyping. AI helped speed my workflows by rapidly prototyping my designs for user testing, summarizing and organizing interview notes and documentation, and helping me manage large amounts of project data and information.

…but, AI alone cannot create a cohesive user experience.

…but, AI alone cannot create a cohesive user experience.

While AI accelerated development, it still required UX expertise to guide prompts, structure features, and ensure a cohesive user experience. Without that direction, the UI lacked clarity and consistency. I also learned that creating distinctive branding is more challenging when relying on AI-generated UI.

AI prompting is a skill in itself

AI prompting is a skill in itself

I initially thought AI prototyping would be easy, but it took plenty of learning (and YouTube tutorials) to understand how to craft effective prompts. Over time, I learned to use other LLMs like Claude and ChatGPT to refine and clarify prompts for Bolt.New.

Next Steps

The portal is built to be scalable and provides a strong foundation for future features & enhancements. Some next steps are to expand user roles and permissions to support different access levels for administrators, reviewers, and external partners.

CN

Connect

christineeniu@gmail.com

My LinkedIn

CN

Connect

christineeniu@gmail.com

My LinkedIn

CN

Connect

christineeniu@gmail.com

My LinkedIn