Hypur Merchant Platform
I worked on the redesign of the Hypur platform which included modules for POS, CRM, analytics, payment processing, and document management. I also updated our signup process, giving us better completion rates.
I worked on the redesign of the Hypur platform which included modules for POS, CRM, analytics, payment processing, and document management. I also updated our signup process, giving us better completion rates.
Our merchant platform UI had a lot of issues. Being "agile" created a Frankenstein's monster of different UI elements and table styles. This created a lot of problems for onboarding, usability and training. We knew that we needed to make a large overhaul of the entire platform.
There is a lot going on with this page. There are blue buttons all over the screen cluttering the UI. There are no labels for the icon buttons so users don't know what their purpose is. It is also very unclear what the user is supposed to do at any given status.
The status on the old view made the line all one solid color which made it really difficult to read, especially on mobile devices directly in the sun. The new status indicator increases the contrast, making it easier to read and a cleaner interface.
There is functionality on the old view that allows for quoting a part from multiple vendors that is user for less than 5% of parts. By removing this from the UI it makes it a lot more user friendly.
There were also icon buttons on each item that were not used very often and also had no labels so users didn't know what they did. By taking those same actions and putting them into the ellipsis button it gives space for future growth.
The old view is not mobile responsive and is built using table rows. The new view simplifies the UI and allows for modern architecture that looks great on desktop, tablet, and mobile screen sizes.
Having worked with POS systems in a previous retail job I knew firsthand what made retail software user friendly. I went into different locations and interviewed employees and observed the things they had a hard time with. Something I noticed in studying user behavior was there was a lot of double entry into two different pieces of software. So the cashier would have to memorize the total and jump between platforms to process a transaction. Our previous UX required several clicks before getting to a total screen, making the memorizing process take even longer.In the updated platform I removed those road blocks, allowing cashiers to type the total before doing anything else.
It was exciting to see the updates in employee hands. I got to go out to different merchants and watch users interacting with the updated platform. While there were a few things that needed to be iterated on, the reaction was overall positive. 3 months post launch our inbound calls for basic troubleshooting was reduced by 15% because the platform was much easier and consistent to use.
There is a lot going on with this page. There are blue buttons all over the screen cluttering the UI. There are no labels for the icon buttons so users don't know what their purpose is. It is also very unclear what the user is supposed to do at any given status.
The status on the old view made the line all one solid color which made it really difficult to read, especially on mobile devices directly in the sun. The new status indicator increases the contrast, making it easier to read and a cleaner interface.
There is functionality on the old view that allows for quoting a part from multiple vendors that is user for less than 5% of parts. By removing this from the UI it makes it a lot more user friendly.
There were also icon buttons on each item that were not used very often and also had no labels so users didn't know what they did. By taking those same actions and putting them into the ellipsis button it gives space for future growth.
The old view is not mobile responsive and is built using table rows. The new view simplifies the UI and allows for modern architecture that looks great on desktop, tablet, and mobile screen sizes.
