Costs Payment Dashboard

Revamping the user experience for a seamless and intuitive interface

Improving Buying Experiences with Dynamic Dashboards

The challenge is to build the main screens for the dashboard, where insights and reports through data widgets, with appropriate charts, components and calls to action!The users (merchants and developers) have all the underlying infrastructure and "lego blocks" from the Primer payment system, so they can build the best buying experiences for their customers.
Client
Primer
Date
April 2022
My Role
Prodcut Designer
Company Website
www.primer.io
UX Personas

The users and their roles

Admin User

Tom, a B2B user: He is a merchant who examines company expenses to improve cost management.

The Challenge and Goal

Merchants struggle with using data for decisions. We needed a solution to make expense management easier.

1st Challenge

Build a branded desktop navigation system that works for the future.

2nd Challenge

Design dashboard screens for data insights and reports with the right components and calls to action.

The user

Merchants don't always know which questions to ask

One key task is presenting vital information in a clear manner. Now, merchants can promptly act on insights from data! Enhancing your payments through data will be just a click away on the Primer dashboard.

  • Simplify vital information display.

  • Enable swift merchant response to data.

  • Streamline payment overview.

Design

Nav System

Scalable solution for managing a large number of features through a left navigation bar that enables easy access to different sections of the dashboard.

Design

Dashboard Overview

Dashboard overview screen, which is designed to be responsive across desktop, mobile, and tablet devices. The Admin user can easily navigate to a specific section to access more detailed information.

Design

Transaction History

To access this screen, the user can click on the 'Transactions' button in the 'History' section. From this screen, users can delve
into detailed reports and further investigate their transaction data.

Image Gallery

Extra screens for the Dashboard.

© 2023 Mirkotocco. All rights reserved.
Cookie Settings