mhelpdesk: Web Features

UI/UX Design | Product Design
(before design)
Screen Shot 2019-08-17 at 9.36.05 AM.png
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
Screen Shot 2020-07-29 at 10.15.35 AM.pn

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

(Round 1 Mockup)

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

(Final Product)

Hi-fidelity mockups below, for video, click here

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.