Analytics Dashboard Design

A modern analytics dashboard created for advertising technology.

Intro

Part of my work as a product designer in my current role has been designing analytics dashboards. The company faces a unique challenge: we need to have many different dashboard designs available at all times. We avoid onboarding two partners in close proximity to the same dashboard—something that previously cost us clients when it was noticed. Some of our older dashboards were very outdated, so there was a need for modern, sleek replacements. I’ve created numerous designs now used by our clients, all built in Figma.

Objective

Create a new dashboard with the following new features:

  • New visuals to make data easier to understand
  • Separate pages for each product, as a single page can overwhelm and confuse users
  • Easy-to-update color palettes—a backend feature designed to allow internal users to quickly change colors

The Process

The first step in my design process is ensuring that each product has its own dedicated page within the dashboard. These products include CTV, pre-roll, television, and others. A key consideration when designing dashboards is to prevent users from feeling overwhelmed. Many analytics dashboards fail in this regard by presenting data in a disorganized or overly complex manner. The primary issue is the excessive volume of information presented without clear, digestible formatting. For the dashboard below, I focused on structuring the information in a way that enhances clarity and minimizes confusion, incorporating graphs and charts to serve as visual aids for the data.

The design choices were made with the goal of creating a more modern dashboard experience for our clients. This included a dark mode color palette, gradient progress bars, and glass-effect backgrounds for each card. These design elements contribute to a more contemporary feel for the analytics dashboard.

Final Result

The image below is the overview page of the analytics dashboard I created.

My other works

TV Schedule Builder

An end-to-end solution for creating TV schedules

AI Smart Sales Activity Dashboard

A major redesign of an outdated, underutilized feature, now integrated with AI.

Web Design

Kaiser Permanente Dental of Oregon

Re-design for Kaiser Permanente's Dentistry website for their services in the State of Oregon.

Web Design

Web Design: The Danger of Data

Created using Adobe XD, this website prototype informs its users about how to retain their online digital privacy.

View All Works
Mobile App

SafeLink

A mobile app that helps keep you and your friends safe.

Mobile App

Budget.ly

A budgeting app designed for young adults and college students.

View All Work
Web Design

Analytics Dashboard Design

A modern analytics dashboard created for advertising technology.

Web Design

Kaiser Permanente Dental of Oregon

Re-design for Kaiser Permanente's Dentistry website for their services in the State of Oregon.

Web Design

Web Design: The Danger of Data

Created using Adobe XD, this website prototype informs its users about how to retain their online digital privacy.

Web Design

Goodreads Redesign

A redesign of a website I love (but whose UX constantly pains me) Goodreads.

View All Work
Illustrations

KCPR Graphic Design

Graphics I created as a designer for KCPR.org - anything from drawings of coffee to Miley Cyrus.

View All Work