top of page


Product Design for Web App

The Challenge

This project focused on the payment processor flow. The existing flow was confusing, hard to set up and follow. I was tasked with creating a more user-friendly experience that was clean, quick, and easy to use. The Mhelpdesk payments logo also needed an upgrade.

The Process

I started by researching some other popular sites and apps in which a user would have to set up a payment flow. What works in the existing marketplace? What can be improved? How are other industry leaders approaching the problem? I researched, brainstormed, and created a site map (below) to ensure a strong IA, and  then sketched on paper before moving to lo-fi, and then hi-fidelity mockups. 

Screen Shot 2020-03-31 at 2.50.39 PM.png

Low-Fidelity Sample

Screen Shot 2019-08-19 at 8.56.48 AM.png

(Round 1 Mockup)

High-Fidelity Flow

Screen Shot 2019-07-22 at 11.05.46
Screen Shot 2019-07-22 at 11.06.01
Screen Shot 2019-07-22 at 11.06.15

The Solution

I created a user flow that would allow users to easily and quickly enable and set up payment processors of their choice. It was a far more user-friendly experience.

bottom of page