tru.ID mobile and desktop mockup of homepage

Creating a seamless experience for all operations teams within Shieldpay

Shieldpay

Product Dashboard

Overview

I conducted user research and mapped out the user flows to aid with designing the dashboard.
It should be noted that this project is not finished and missing many final designs due to changes in company priorities.

My Role

UX Designer, UI Designer
ā€
March 2022 — March 2023

The Problem

Before starting any project, it's vital to understand the problem or the challenge we are trying to solve. Why does it need to be solved and what are the key areas involved. The main frustration identified that led to this project was the bad user experience for our operations team using the current platform. The services were slow and very manual.

cog with two circular arrows going in anti-clockwise direction

Slow and manual processing.

The current platform is not scalable and relies heavily on manual processes. This leads to inefficiencies, particularly for the operations team who need to manually add numerous statements to each project.

skills icon

Bad user experience.

The current platform, built quickly as an MVP, lacks user-centered design. Checking project funding details is tedious, requiring frequent screen changes.

High friction when gathering data.

The current platform isn't scalable, lacks easy access to project summaries, and has no automated invoicing process, requiring the accounts team to manually check data and create invoices.

tru.ID mobile and desktop mockup of homepage

The Process

Workshops and interviews were conducted to understand the operations team's needs and frustrations with the platform. A decision was made to buy a tool short-term and build a scalable solution long-term. Key improvements identified included a clear table for claimant data, designated customer and payee information spaces, and infographic widgets for easier data visualisation.

cog with two circular arrows going in anti-clockwise direction

Research.

  • Understanding the frustrations of the current platform
  • User interviews to understand each team process
  • Identifying the features needed
  • Identify user personas
  • Understand what areas needed to be scalable
skills icon

Define.

  • Designated space for customer and payee information
  • Base structure on project type and company
  • Easy information digesting for large data types

Iterate.

  • Created workflows to understand the basic structure
  • Cleared up data table with tags for easy identification
  • Created tags for quick communication for each project
  • Notifications were added to let operations know about new changes and
  • Infographic widgets to clearly illustrate data from data table and project
  • Timeline was added to help operations team know where each stage a payment was
tru.ID mobile and desktop mockup of homepage

The Solution

After identifying user personas and studying use cases, we created workflows for each tab based on user interactions. We added infographic widgets to visually present data, aiding the operations team. Constant testing ensured all features met their needs.

cog with two circular arrows going in anti-clockwise direction

Clear navigation.

  • Easy to access user interface for operations teams to access daily
  • Side drawer opening up to allow view of personal details without jumping screens
skills icon

Easy digestible data.

  • Creating overview widgets for easy information digestion
  • Giving visual data to analyse easily rather than pages of excel sheets

Roadmapping.

  • It was clear we couldn't do everything at once, so we road-mapped the features to realistic business timelines.
  • Build in a design and developer sign off into our process. Share new design early with devs to get valuable feedback so we can iterate and improve

Feature development

Iterations

These designs highlight some iterations we went through to get to our final concepts.
During these design sprints, we did user testing with operations teams to hone in on changes and feature development.

High Fidelity Concepts

Designs

The designs presented below are only concept designs as there was a change in business direction resulting in this project being halted.

Results and Takeaways

Knowing your timeline.

The project timeline didn't allow for all desired features. We prioritized and phased them, reinforcing the importance of realistic planning in design.

Don't always follow users.

User feedback is crucial for identifying issues, but users might not know the best solutions. Designers take feedback, create designs, iterate, and share them to reveal potential solutions, rather than just modifying the current tool.