TomBeaver

Work Collection

Dashboard Updates

Overview

The creation of the Native App required an update to the web platform. Some tools were no longer being used and the aesthetic was significantly different from our new vision. This project included an updated dashboard, Relationship Advisor, Portrait, and the creation of the SureCoach.

Approach

We strategized around what we currently had and what the development team could effectively change in a meaningful manner. We brought the colors and gradients icons to the web app and followed a similar layout to what was on the native app. The responsive layout reflected almost exactly what we had designed for the mobile app.

The Web App Dashboard

Layout wize, the dashboard didn't change significantly, but we had to ensure the user would feel the same as they would on the mobile app. The colors were impactful and stunning, so we started there. We put more emphasis on the new SureCoach and SureAdvice as they are the two main tools we offer.

Responsive

Although not a one to one comparison with the mobile app, the layout remains similar. We wanted the user to feel a sense of familiarity to the two different platforms.

Relationship Advisor

Probably the bigest change to the design and layout of our platform was done on the old Relationship Advisor, now names SureAdvice. Advice and Insights were still given, but the content expanded beyond the previous design's ability. This page now reflects an expanded version of the SureAdvice tool on the mobile app.

SureCoach

The newest tool on the web platform, SureCoach's original design was constricted by the header and footer and users had a hard time reading everything. In this new design, the page became a full screen take over, removing the global nav and we fixe the user input box to the bottom of viewport. This opened the windo up and allowed a more comfortable experience.

Work Collection

Mobile Native App

Dashboard Updates

Dashboard Updates

Dashboard Updates

TomBeaver

TomBeaver

TomBeaver

TomBeaver

Prism Story

The Prism Story is an audio/visual results page that walks you through your prims portrait.