Activision Blizzard Campus Maps + Directory

a quick proof of concept for an enhanced and efficient campus map and employee directory platform.

Background

The previous employee directory and campus map site was continuously out-of-date, provided misinformation, and users could not rely on it as a source of truth. This, in part, was because the department that owned the directory was not staffed to maintain the website.

We stepped in and created a proof of concept called “Maps,” aimed with the goals of not requiring continuous admin updates, while pointing to a single source of truth.

Scope & Time

Scope: Wireframing, UI Designs

Time: 2 months

Tools

Brainstorm/planning: Miro, Jira

Design: Figma

Collaboration: Zoom, Slack

My Role

I was the sole designer behind this experience, and worked closely with a product manager and a developer to improve the experience of browsing the employee directory and campus map.

I was in charge of facilitating design workshops and ideations for the initial launch and subsequent updates, as well as working with developers in ensuring all details are translated accurately in handoff.

What I Did

  1. User research + user interviews and design presentation
  2. Iterative design approach: Double Diamond framework
  3. End-to-end design: Wireframing and prototyping

Results & Impact

I designed a new platform featuring an integrated, automated map API that provided real-time updates and served as the reliable source of truth for all employees.

Issue Reports

Overall ↓

Decreased amount of tickets submitted regarding issues related to location maps and directory

Manual Work

Overall ↓

New site's automation removed the manual burden administrators had prior.

Response

👍🏻🌟

Positive! There were many Slack messages speaking on the improved site.

Table of Contents

Click each card to navigate to the respective section.

CONTEXT

The existing maps and directory were outdated and missing information, leading many employees astray.

With the anticipation of many employees returning to office after COVID mandates, we must develop a quick solution to solve this issue so employees can find accurate information quickly upon their return to Blizzard life.

It should be easy to find accurate information spanning from your office layout or your colleagues' seat location.

How can we empower users to feel confident in the results they're looking for while reducing the work of site administrators?

DEFINING THE PROBLEM SPACE

Finding the root of the problem

From speaking with users and reading anecdotes of users and developers maintaining the previous site, it was clear that it was consistently outdated and hard to maintain.

Through a personal evaluation of the site, I understood the frustrations voiced by the users. I identified the main pitfalls of this site to further inform the team on where we should focus our attention.

ℹ️

Lots of inaccurate, missing or outdated information.

Users are unable to find the information they need and are unsure if they information they have is updated.

🔧

Location information is updated frequently at all levels.

Oftentimes site admins are uninformed of changes. It's difficult to keep the site updated with changes happening in all directions.

🧭

There is a lot of information on the page, and it's difficult to locate what you need.

Most of the information appears in large lists and is not sorted.

I identified different use cases for various ways users would be utilizing this platform.

With the wide variety of employees at ABK, I wanted to ensure the designs addressed the needs of all user types and most of the scenarios they would be encountering. This includes new and old employees, remote and in person employees, etc.

When designing for multiple types of user groups, identifying their important needs and where they compare and contrast is important.

🤔

As a new employee to campus, how can I find where I need to go?

🤔

How do I find where other coworkers’ seat locations are?

🤔

How do I find where other buildings are located on campus?

🤔

How can I view the internal layout of a building I’m visiting for the first time?

Embracing Constraints

Working close with developers, I identified constraints early on in the project so everything was feasible and in-scope.

💻

Designing around a map embed our team did not own.

Any adjustments or designs for the embed are not feasible.

💡

The embed does not highlight the seat location. We found out later that the embed only comes in light mode.

Where can we make the biggest and quickest impact?

To push out a solution quickly in response to more employees returning to office, we identified main avenues to address for our first launch.

🤖

Information Automation

Keep maps updated at all times by embedding software that keeps administrators hands off and employees informed.

❇️

Improved Sorting and Navigation

Sort information in a way that makes sense by introducing grouping. Allow users to easily browse buildings and floors without switching pages.

💬

Clearer Communication

Something isn't displaying? Whether on purpose or something went wrong, add clearer messaging to inform the users.

DESIGN IDEATION

In with the new!

Clean and modern designs empowers users to feel confident in the results they're looking for and reduces the work of site administrators.

The Blizzard polish

We wanted the branding to reflect Blizzard but with our own flare. I pulled some colors that existed in the original site and added more with help from other designers. We added these colors and typography to our parent design system.

FINAL REMARKS

The biggest consideration of this project was the wide range of different employees that would be using the platform. The user base with geographically and occupationally broad, and it was very important to determine the types of information these employees need without causing overload.

The platform launched for all employees to use during my time at Blizzard, and receiving feedback in real time from fellow colleagues far and wide really informed where the designs thrived and what could be improved on.

This project was an example of revamping an outdated website with a quick turnaround. Personally, it was a little challenging as the project timeline was more condensed than I was used to, but I learned many lessons about feature prioritization. I am looking forward to where this project will go!

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