BillShield

BillShield is an AI-powered medical bill review tool that helps people understand, verify, and challenge confusing healthcare charges before they panic-pay them.

Inspiration

BillShield was inspired by a simple but painful reality: medical bills are one of the most confusing and stressful documents most people ever receive. After a hospital visit, patients and families are often already overwhelmed, and then they get hit with multiple bills, unclear charges, insurance jargon, and no obvious next step. We wanted to build something that gives people clarity and control in that moment.

What it does

BillShield lets users upload a medical bill and related insurance documents like an EOB. It then:

  • translates the bill into plain English
  • highlights charges that may be incorrect or worth questioning
  • compares billing information against insurance explanations
  • estimates how much money may be at risk
  • generates next steps like provider emails and follow-up actions

Instead of leaving users with a pile of confusing paperwork, BillShield turns the experience into a clear action plan.

How we built it

We built BillShield as a React + TypeScript frontend with a polished landing page, an animated intake flow, and an interactive dashboard. The interface was designed to feel modern, trustworthy, and easy to understand, since the product is aimed at stressed users rather than technical experts.

The dashboard includes:

  • billing summary metrics
  • flagged issue panels
  • financial breakdowns
  • action recommendations
  • drafted provider communication

We used component-based design to make the UI modular and easier to iterate on quickly.

What we learned

This project taught us that solving a serious problem is not just about building a technically correct product — it is also about reducing stress for the user. We learned a lot about how to present complicated financial and healthcare information in a way that feels simple, actionable, and trustworthy.

We also learned how much product design matters when the audience is vulnerable. In a product like this, clarity is part of the functionality.

Challenges we ran into

One of the biggest challenges was balancing realism with simplicity. Medical billing is extremely messy, so it was hard to decide how much detail to include without overwhelming the user.

Another challenge was designing the dashboard. Early versions were too block-heavy and felt more like a rough prototype than a real operations product. We had to rethink the layout so it felt more interactive, structured, and visually credible.

We also ran into frontend implementation issues while refining the TypeScript and React structure, especially as the dashboard became more complex and state-driven.

Why it matters

At its core, BillShield is about giving patients power in a system where they often feel powerless. Medical billing should not feel like a trap. Our goal was to create something that helps people slow down, understand what they are being charged for, and make a smarter decision before paying.

A simple way to think about it

If a confusing medical bill creates financial stress, you can think of BillShield as reducing that stress by increasing clarity and actionability:

$$ \text{Stress} \propto \frac{\text{Confusion}}{\text{Clarity} + \text{Next Steps}} $$

BillShield increases clarity and next steps, which helps reduce stress.

What’s next

Future versions of BillShield could include:

  • real document parsing and OCR
  • insurer/provider-specific workflows
  • better case tracking over time
  • caregiver collaboration features
  • deeper billing anomaly detection
  • appeal and dispute automation

Built With

Share this project:

Updates