Payment Gateway Dashboard

About Project

7 Weeks / Mar, 2023 / Merchant analytics dashboard

Deliverables

Dashboard UI, Data visualisation, Design system

Our Role

Product design, front-end development

The Brief

Merchants had plenty of payment data but no quick way to see what needed attention. The dashboard had to answer one question first: is anything wrong today?

The team wanted fewer reports and more answers, so every chart had to justify its place on the screen.

Our Approach

We led with exceptions such as failed payments and disputes, kept charts to the few that drive decisions, and built the tables to filter and export without leaving the page.

We interviewed support and finance staff about their first ten minutes each day and designed the dashboard to match that routine.

Filters, saved views and one-click exports now let merchants go from a warning to the underlying transactions without leaving the page.

Design System

Game design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake, and perhaps e on top. Design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake.

Game design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake, and perhaps e on top. Design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake.

Iconography

Game design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake, and perhaps e on top. Design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake.

Game design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake, and perhaps e on top. Design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake.

UI components

Game design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake, and perhaps e on top. Design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake.

Game design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake, and perhaps e on top. Design sweet lorem ipsum? You got it with Cupcake Ipsum, the only text generator that includes marsh mallows, carrot cake.

  • Let’s work together
  • Let’s work together
  • Let’s work together
  • Let’s work together
Tell us about your project!

Let’s Chat With

Daniel