CareCredit is a Synchrony Financial credit card product that offers patients an easy way to pay for healthcare services. Our team was tasked with designing a new flow that would allow patients to search for and pay their healthcare provider using their CareCredit credit card.
The primary challenge was accounting for differences in the user flow based on what device they were using to submit the payment (their own device or a device in their provider's office) and how they were initiating the payment on that device (SMS link from their healthcare provider, approaching a kiosk in the office, generic CTA on the CareCredit website). We also needed to make it clear that the patient was paying their provider using their credit card, not paying their credit card bill, as this was a point of confusion in the existing solution.
Because CareCredit had an established brand and style guide, we chose to give our wireframes a higher fidelity than we typically would. As this was a relatively short project with many, many screens to design, this helped us move from wireframes to dev-ready screens quickly.
We created a "dashboard" for our InVision prototype that provided a jumping off point for each unique flow. This helped provide better context when our clients were sharing our designs with other stakeholders, and made getting feedback and approvals much easier.
Below is a a glimpse of the pixel-perfect product, featuring key steps guiding users through the provider search and payment journey. There are many more screens to show, but these are a good example of what we delivered.
