top of page

MHELPDESK, PAYMENTS FEATURE

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 PM.pn
Screen Shot 2019-07-22 at 11.06.01 PM.pn
Screen Shot 2019-07-22 at 11.06.15 PM.pn

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