Project Details Dashboard - Blizzard's Crediting System

a conclusive project dashboard that shows what’s happening in real-time within an active credits report.

Background

Blizzard, a leader in gaming, relies on a crediting tool to recognize 10,000+ employees involved in the game creation process.

However, the outdated system is inefficient and error-prone. Our team developed a new version to save time, improve accuracy, and streamline the process.

Time & Scope

Scope: User Research, Wireframing, UI Designs, Usability Testing

Time: 1 month (this flow)
9 months (whole redesign)

Tools

Brainstorm/planning: Miro, Jira

Design:
Figma

Testing/insights:
Maze, Dovetail

Collaboration:
Zoom, Slack

My Role

As a lead designer, I collaborated with the project owner, product manager, and developers to streamline the crediting experience for thousands of Blizzard employees.

I contributed to end-to-end design, roadmap planning, and addressing design gaps.

What I Did

  1. User research + user interviews
  2. Competitive analysis
  3. Iterative design approach: Double Diamond framework
  4. Usability testing and data analysis
  5. End-to-end design: Wireframing and prototyping

Results & Impact

I designed a new live dashboard that reduced cognitive load by allowing administrators to track report progress with clear visual data indicators.

Time

↓ ~ 87.7%

Reduced time to complete credits from ~3 to ~1.6 months per report.

Clicks

↓ ~ 50%

4 clicks → 2 clicks from homepage to intended destination.

Response

👍🏻🌟

Positive! New features made the tool more intuitive and well-received.

Table of Contents

Click each card to navigate to the respective section.

CONTEXT

What are credits?

If you’ve seen the long list of credits at end of a movie, you’ll know there's thousands of names on there.

We're designing a tool to create that same list -- but for Blizzard's AAA games.

Here's an example of the official credits for Diablo IV, launched June of 2023.

"Diablo 4 Credits 4K" from GamersPray on Youtube

Employees find excitement and reward in seeing their hard work acknowledged.

Crediting everyone reflects Blizzard's core value that "Every Voice Matters." When proper credit isn’t given, it can be disheartening for contributors whose work goes unrecognized.

Being omitted from credits can hinder contributors from showcasing their work to potential employers or collaborators, as credits serve as a key way to validate their contributions.

THE PROBLEM

But the legacy crediting tool made the process painstakingly arduous and failed to evolve as Blizzard expanded.

Built in the early 2000s, Blizzard's crediting tool wasn’t designed for managing multiple games or expansions at a time. Its limitations forced admins to use Excel, as the tool’s UI is too cumbersome for handling 10,000+ names.

Creating credits for 1-2 games currently takes over 3 months, delaying release planning.

Overall, the old tool...
  1. complicated site navigation, and information overload made it hard to find important information.
  2. made it difficult to manage people and complicated collaboration.
  3. led to more manual actions from admins who have migrated the process to Excel sheets.

Creating a credits report for a game should be a smooth process.

How can we improve this manually intensive credits creation process?

Goals for the redesign

💯

Identify gaps and opportunities to improve efficiency.

💆🏻‍♀️

Reduce the manual cognitive load of finding credit report-related information.

🥳

Prevent errors and ensure accuracy, leading to happy employees!

DEFINING THE PROBLEM SPACE

Understanding our users

I aimed to understand how administrators interacted with the product, collaborated with each other, and where their frustrations originated.

Methodology

6+ individual 30-minute Zoom interviews with different categories of administrators: Head QA admins, game team admins, and department admins.

Research questions:

  1. "Please help me better understand your process and workflow when working on a credits report."
  2. "How often are you working solo compared to collaborating with others?"
  3. "What drives you away from using this site?"

Research insights

Administrators noted that credits reports involve many moving parts, making it challenging to manage all activities and prone to human error.

Collaboration Patterns

  1. 2 head admin working with a team of game admins. 
  2. Many moving parts, approvals and communication happen throughout.
  3. Lots of Slack messages, emails and Zoom meetings throughout.
  4. Most of the work happens on Excel.

Admins ideally want:

  1. Clear understanding of all moving parts.
  2. Better transparency on moving parts.
  3. A centralized process.
  4. A faster process. It takes about 3 months to produce the credit list for 1 game.

Where can we make the biggest impact?

📊

Clear Report Status

Allow administrators to track the progress of the report with clear visual indicators and accurate data.

💪🏻

Increase User Confidence

Reduce the learning curve by trimming down unnecessary pages and improving site organization.

🚫

Reduce Errors

Call out errors clearly so they are not hidden to administrators.

A closer look into "Clear Report Status"

I focused on improving the experience of understanding the report's status.

The existing tool had inaccurate progress bars and no clear way to track remaining tasks. Administrators had to click through multiple pages to get the necessary information.

How can I paint an accurate picture of the status to help administrators work more efficiently?

DESIGN IDEATION

Competitive analysis and learning from other teams

My research showed that a widget dashboard is the most common and effective way to display multiple types of information and track changes over time.

In a conversation with a project manager from SupportDesk, Blizzard's support request tool, I learned how they used tables, progress circles, progress bars, and charts to serve specific purposes.

A project details dashboard per project will increase overall transparency of each projects' process and track important metrics at-a-glance.

Wireframing

I designed early wireframes to present the concept to team members and stakeholders for feedback.

I worked closely with stakeholders for the duration of this project, so I was able to quickly iterate on designs.

After proposing the dashboard idea to stakeholders...

  1. Stakeholders had a positive reaction to the dashboard, and liked how it was a big improvement in organization and information display.
  2. For widgets, administrators described they work with creditees in sections. It would be beneficial to add more detail to this widget so it reflects their real workflow.
  3. There was a short brainstorming section in which a creditee counter and timeline were voted on as needed additions.

Dashboard Widget Iteration

Stakeholder involvement throughout the project allowed for fast widget design iteration and testing.

Prior Widget Iterations

Assignment Progress

Research uncovered how administrators manage creditees in individual sections, such as Leadership, Design, Engineering, Art, etc. With tens of thousands of creditees to monitor, it can quickly become overwhelming.

I designed an expandable widget with individual progress indicators to make it easy to track the completion level of each section, showing the necessary data without cluttering the page.

User testing uncovered:

  1. Admin work patterns valued depth in detail.
  2. Progress bars was the right visualization to display completion over time while also providing a minimalistic visual.

I made changes aimed to better balance the amount of elements on the screen without compromising information.

My goal was to reduce the cognitive load admins experience.

Final Widget Iteration

Prior Widget Iterations

Creditee Counter

With so many employees, it's challenging to track if anyone is missing or misplaced. This widget displays a headcount of credited individuals to track completion. I wanted an easy way to compare and contrast at a glance.

User testing uncovered:

  1. Admins know the exact number coming from each team, so in-depth numbers can serve as a method for double-checking.
  2. Many colors did more harm than good. Admins voiced feeling overwhelmed.

I made changes aimed to increase transparency for admins and to better align with my goal of easy compare and contrast.

I added more detailed metrics informed by user research as to what is helpful.

For UI tweaks, I reduced the amount of words, font sizes, used less color and increase spacing to reduce cognitive load.

Final Widget Iteration

UX Writing: "Lost Souls" vs. "Unassigned"
We initially used 'Lost Souls,' inspired by World of Warcraft, for the unassigned. While fun, I changed it to 'Unassigned' for clarity.

Not all admins are familiar with game terms, so I opted for more straightforward labels: 'Assigned' and 'Unassigned.'

Prior Timeline Iterations

Timeline

  1. Missing stages that admins defined as important checkmarks
  2. UI styling initially caused confusion between 'completed' and 'in progress' statuses.

The timeline was designed to increase transparency of project stages, addressing issues with stage awareness and accurate completion estimates.

User testing uncovered:

I redesigned the UI to improve clarity for admins at a glance.

I added key stages to track, used a fully filled circle to indicate completion (instead of both completed and in-progress), and updated icons to be more intuitive.

Important dates, identified through user research, are now displayed under each stage to help admins communicate progress to stakeholders.

Final Timeline Iteration

REFINE

Credits: Before and After

The previous credits platform had:

  1. A single progress bar to track the entire project's progress with no additional details
  2. Inaccurately tracked data
  3. Many pages to navigate through before landing where you needed to be

After!

Adding a project details dashboard increases transparency for each project and provides direct links to navigate to project pages.

Click image to enlarge.

IMPACT

Impact

This project was launched after my time at Blizzard, but updates from my peers show the response from veteran administrators was positive.

Time

↓ ~ 87.7%

Time to complete credits report decreased from 3 to 1.6 months per credit.

Clicks

↓ ~ 50%

4 clicks → 2 clicks from homepage to intended destination.

Response

👍🏻🌟

Positive! New features made the tool more intuitive and well-received.

Streamlined Credits

By simplifying the site and reducing the effort to create credits, they can now be completed faster, allowing admins to manage multiple at once. Previously, the process was so time-intensive that stakeholders could only handle one or two credits over months.

Better Communication

Improved site organization reduces lost clickthroughs, boosts clarity, and enhances communication between administrators and those involved with credits, making approvals and edits faster.

FINAL REMARKS

The ongoing development of a more streamlined crediting platform is a representation of Blizzard's commitment that every voice matters.

Personally, this was a project that was filled of growth for myself as a designer. I joined this project in the middle of the discovery phase that was led by a separate designer, and catching up in understanding for such a complicated platform was challenging, yet made the process of becoming of a domain leader very rewarding.

Meeting with stakeholders consistently throughout the project and receiving positive feedback made me optimistic that we're making a big difference in a tool they use often. I am grateful for the opportunity to have been a part of this project.

THANKS FOR VISITING!
LET'S CONNECT.

Last updated January 2025 by Chloe Chow
Made with lots of coffee, tea, Chipotle burritos, poke bowls and love