Marketing Analytics Dashboard

Marketing Analytics Dashboard

Overview

I was approached by a Marketing Analytics company to help redeign their product's dashboard interface. After learning more about the software and the technology stack behind it, I designed a flexible navigation system and a set of interface components for the development team to apply consistently across their products.

I focused on two primary screens of the interface, identifying the small parts of the larger design whole. In this way I established a system of reusable design elements.

The final deliverable was a front-end styleguide which I developed using Sass, Jekyll and Bootstrap.

Details

Freelance

100% Remote

Web Application

4 weeks

2017

002002

I worked remotely with this company's VP of Design to get a thorough understanding of the design challenges I was being hired to solve. We talked through the problem her development team was facing in maintaining a consistent UI across their large platform.

My redesign began at the wireframe fidelity with a new navigation structure and consistent left sidebar.

[unex_ce_button id="content_4d3377qxa,column_content_hbclqowzl" button_text_color="#57728a" button_font="bold" button_font_size="15px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="#b2d7ff" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#324e6d" button_border_radius="0px" button_text_hover_color="#b2d7ff" button_text_spacing_hover="2px" button_bg_hover_color="#324e6d" button_border_hover_color="#324e6d" button_link="https://raysensenbach.com/marketing-analytics/sidebar-expanded.html" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]PROTOTYPE[/ce_button]

With a short turn around time I leveraged existing systems like Jekyll and Bootstrap to develop the design system for this platform. The development team was already familiar with and using Bootstrap, so we decided to build the design system on top of that. 

[unex_ce_button id="content_wtukjp9lh,column_content_hbclqowzl" button_text_color="#57728a" button_font="bold" button_font_size="15px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="#b2d7ff" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#324e6d" button_border_radius="0px" button_text_hover_color="#b2d7ff" button_text_spacing_hover="2px" button_bg_hover_color="#324e6d" button_border_hover_color="#324e6d" button_link="https://raysensenbach.com/marketing-analytics/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]STYLEGUIDE[/ce_button]
Ortho_composition_2Ortho_composition_2

Throughout my design process I suggested new data visualizations to present information to their users in a more understandable way. It's important to present information to your users, rather than just data. There's a big difference between these that can make or break a dashboard application. 

Working remotely with the product lead and development team led to a great, collaborative effort on this freelance project. I was able to present design directions, get feedback from the team and discuss implementation options with the developers. 

In the end the project was a success because the final designs were easy to implement by the developers and enabled a scalable, reusable design solution.  As icing on the cake, the screens looked beautiful and followed interface design best practices.

007007