UX Design | Data Visualization | Dashboard Redesign

A business analytics dashboard providing marketing teams with insightful data.

Project Background

AdThrill’s business dashboard captures valuable analytics to enhance marketing strategies. Designed for Marketing teams, Product Directors, and Researchers, it serves as a centralized platform for professionals to analyze consumer data and optimize market research and advertising efforts.

project scope
B2B dashboard redesign
Role
Lead UX/UI Designer
Topics covered
Data visualization
team
Business owner, engineering, marketing
THE ASK

How can we allow users to more meaningfully interact with their data?

Problem

Users were only able to view their data at a high-level and not able to drill down into any details. Data was not organized in an intuitive way.

THE goal

Make it so users can view data at a high-level, low-level, and anywhere in between. Also, providing more flexible filtering/sorting capabilities.

Deliverables

The dashboard redesign was delivered as a series of individual, usable milestones.
We wanted to ensure the dashboard functionality remained unhindered while deploying incremental changes.

Empathize & Define

Step 1

User Feedback

Direct user feedback was provided to the business owner prior to the project kick-off, so this was used as the baseline for establishing a solution. Unfortunately, there was no budget for conducting user research at this stage.

Key takeaways

Further understanding

In order to approach the redesign correctly, I first had to understand the type of data being displayed to the user.

Types of Data Visualization

The type of data I was working with was an overall comparison between different ad campaigns, number of positive versus negative votes, votes by rating, and votes by date. I needed to ensure the graphs displayed the data in a way that users could easily understand.

Ideate

Step 2

Sketches

Before kicking off designs in Figma, I drew up some sketches of the layout of the new dashboard design for the priority pages. I then presented these to the business owner and lead engineer to kick off the discussion around expectations and feasibility.

Deliver

Step 3

High-Fidelity Wireframes

Once approval was provided to move forward with high-fidelity designs, I incorporated the updated style guide into the business dashboard.

Final Iteration

Data Visualization and Customization

Functionality for filtering/sorting capabilities were added to list of votes to improve a user's ability to access and manipulate relevant data.

This screen recording demonstrates the types of customization functions such as:

summary

These enhancements enabled users to interact more effectively with their data, allowing them to customize views and analyze information from multiple perspectives.

Want to see more?

View all projects