top of page

MyGreenSpace

MyGreenSpace is a mobile app that makes it easier for patients to take part in clinical trials. It helps them stay on top of their visit schedules, track reimbursements, and get the support they need, all in one place.

Mobile Design

Patient Experience

B2B2C

Live Product

Skills

UX Research

Wireframing

Prototyping

Mockups

User Interface Design

Project Overview

Client

Greenphire

My Role

Lead UX/UI Designer

Prior to MyGreenSpace, reimbursement workflows existed within Medaptive, a legacy, web only platform. The system relied heavily on manual form entry and required users to reach a desktop to submit receipts. This created reimbursement lag, increased billing errors, and generated a high volume of “status check” support inquiries.

 

When MyGreenSpace was introduced as a mobile first experience, it presented an opportunity to rethink reimbursement not as a form, but as a risk managed financial system.

 

I led the architectural redesign of the Receipt Reimbursement flow, transforming it from a high-friction, web-based manual entry process into a structured capture and sync mobile workflow.

The Problem

The legacy web-only system relied on manual desktop entry, which caused significant payment delays and forced administrators to spend 30% of their time correcting data errors. This friction resulted in increased participant churn and a high volume of support tickets because the process failed to account for real-world user behavior and financial strain.

The Solution

Capture and Sync Mobile Flow

  • Introduced picture to upload at the point of expenditure

  • Automated extraction of receipt data

  • Enabled offline queuing to prevent lost submissions

  • This removed the 5 field manual form and reduced user friction.

Friction Calibration

  • While the patient flow became frictionless, I intentionally preserved friction on the admin side.

  • Implemented admin validation

  • Admin must physically “Submit Approval” each reimbursement

  • Displayed original receipt image side by side with extracted data

  • This mitigated financial and compliance risk.

7 State System

Defined system behavior across:

  • Loading

  • Empty

  • Pending

  • Approved

  • Rejected

  • Error

  • Retry / Recovery

The Goal

Reduce reimbursement related support inquiries by 20 percent, decrease administrative correction time, and shorten time to payment for clinical trial participants. Ensure audit stability and financial integrity while improving completion rates and participant trust in the reimbursement process.

Research Synthesis

Friction Adjustment:

  • While the patient's flow is "frictionless," I intentionally designed a "Verification State" for the Admin side.

  • I rejected a "Full Automation" approach for financial approvals to mitigate Financial Risk.

  • I implemented a step that involves an admin during the validation stage. The app extracts the data from the receipt, but an admin must perform a physical "Submit Approval" click to prevent accidental overpayment

  • By automating the extraction of date, amount, and category from a photo, I removed a 5 field manual form which reduces cognitive load.

  • To prevent patients from interpreting digital silence as a system failure during the wait, I implemented active presence indicators (e.g., thanking them after they've completed the receipt reimbursement flow) into the mobile UI.

greenphire modal.png

Strategic Tradeoffs In Version 1.0

  • For the V1 launch, I decided to focus on a reliable push notification system instead of giving users an estimated total approval time, prioritizing accuracy and trust over speculation.

  • Since we didn’t have enough data to accurately estimate average wait times, I chose not to include a guess. Preserving user trust and ensuring transparency were more important than adding a feature that could feel misleading. which reduces cognitive load.

  • To prevent patients from interpreting digital silence as a system failure during the wait, I implemented active presence indicators (e.g., thanking them after they've completed the receipt reimbursement flow) into the mobile UI.

  • I intentionally postponed the approval timeline feature to focus on making receipt uploads fully functional, ensuring we met the Medaptive legacy migration deadline without compromising system stability.

Testing and Improving

Prototype Demo

We didn’t just build it and hope for the best. We tested early versions with real users, gathered feedback, and tweaked the design until everything felt natural. From Figma and Axure RP prototypes to live user tests, we kept refining until the experience was as smooth as possible.

Want more?

View Another Case Study

JMS Behavioral Health

JMS Behavioral Health is a private therapy practice that offers compassionate mental health care to individuals and families. They provide personalized support for a range of conditions, including anxiety, depression, trauma, and relationship challenges.

Web Design

Responsive Design

B2C

Blue Shirt Media

An AI powered outreach platform that helps treatment centers recover missed calls, reengage cold leads, and follow up with alumni without needing additional staff. It streamlines communication and supports client retention for healthcare providers.

Web Design

Responsive Design

B2B

Kile Designs

Designing experiences that put users first, from research to pixel-perfect UI.

  • LinkedIn

© 2025 Kile Johnson. All rights reserved.

bottom of page