Advisor Dashboard

Project

A San Mateo-based financial institution needed to refresh its advisor dashboard.

Primary Issue

The dashboard layout was too busy for users to digest information quickly.

Challenges

  • I was engaged by the client as a visual designer only after their internal UX lead finalized the wireframes for the new dashboard layout. This severely restricted the visual design options for streamlining the dashboard.
  • Most of the visual elements such as the fonts, colors, and iconography couldn’t be changed because they were being utilized elsewhere in the site. Likewise, the images and product names were all provided by the client.
  • Interactive elements such as tabs, buttons and lists also needed to closely mimic existing elements so that the front-end developer would only need to subclass the existing code.

Solutions

In order to address the primary issue, I redeveloped the layout for each of the sections and tools by:

  • Unifying the dashboard as a whole with a minimal aesthetic that provided just enough visual information to present the data as needed for a specific task.
    Tables my investments 4831ce8574dd2bf2c7f98f8d59611294ed40cfef39fba9dbe2f6f9bc54dddb82
  • Opening up the white space around all of the data so that users could digest information at a glance.
    Tables investment profiles b4f19ec2b1f96482b7713c0659feb2fc0d3ade73ae0574d27191da6f47617ba8
  • Implementing simple layout tricks to group related elements (e.g., same size, smaller margins between related elements, slightly larger margins between sections).
    Tables new minis e56434dd5711fde03f07094220ec041235d863f41abfd2a3cbc159e5e4170ffb Tables new lists 0b947085aea00447ec18e4260d620c3e9b7420fe3723328388db0938cc0125b7
  • Adding prominent headers with larger text and bold fonts to explicitly label each section.

Retrospective

Originally, the client wanted to change everything about the dashboard but ultimately due to the constraints of the predetermined wireframe, we arrived at a workable compromise. I was able to strip out all of the visual noise and deliver a cleaner and much more usable dashboard.