Segpay Merchant Portal
 Segpay, a third party payment processor, was looking for a better way to design the UI of their latest release: a portal that would make it easier for their employees and customers to manage transactions, look up reports and customer data, and generally handle large amounts of data at a time.

User Stories

Segpay portal users are typically either:

1. Employees needing to perform services for merchants and other customers who can't do it themselves (similar to IT/tech help/call center help)
2. Merchants who are looking to pull large sets of data, show at conferences, and display that data on a variety of different screens depending on the situation (could be projectors, computers, tablets of all sizes, and phones).

I was the lead (read: only) UX/UI designer on this project and worked mainly alongside the company VP, product manager, and 2 developers.

The Problem, and the Solution

Their current version was built on Silverlight (nothing from this was usable at all). Their latest version was web-based, however it was a little rough around the edges and needed several UI changes, big and small, to incorporate current and future functionality. There was also no mobile functionality.

I heavily redesigned the nav bar and then made adjustments to each page that included font, color, placement, organization, iconography where needed, etc. The new designs are cleaner and easier to read, colors are standardized, and there's plenty of flexibility for mobile views. I also created an interactive HTML/CSS style guide to serve as the beginning of a design system. 

The pages are being built and will be tested out later this year.

Segpay was just one of my clients I helped -- I've led UI redesigns for other companies and I'm happy to talk more if you contact: khans1025@gmail.com.
Segpay Merchant Portal
3
94
1
Published:

Segpay Merchant Portal

3
94
1
Published:

Creative Fields