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

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

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.