The HUB is Staples' internal HR and intranet site serving 10,000+ associates across the company
Overall traffic increased +35%
Search use decreased by 40% because of increase of ease of use and navigation
Was selected out of over 600 nominees to receive an award for our work and impact

Project Summary

The HUB is a highly used resource amongst associates and managers alike but lots of time was being wasted due to poor IA, inadequate search capabilities, and lack of intuitive flow between the different areas of The HUB. We were asked by leadership to partner with HR and our internal comms teams to do generative research to identify the biggest pain points and come up with designs to help remediate those issues across multiple phases.

Project Details

Team :

Design Lead
(worked with UX Researcher, Product Owner, Engineering Lead, Director of HR)

Duration :

6 months

Tools :

Figma, FigJam

Solution

We provides a dynamic work alignment for being be the best organization in a hassle-free environment to work It increases the count and quality of visitors to a website by improving grade in the algorithmic search results.

Printer took a galley of type and scrambled it to type specimen book. It has survived .

Solution Image

Fidelity Concepts

Competitive analysis is a key aspect when in the beginning stages of an SEO campaign. Far too often, I see organizations skip this important step and get right into keyword mapping, optimizing content, or link building.

Concept Image

1. Lоw Fidelity

We split up to create our own low-fidelity concepts to generate as many unique ideas as possible and disregarded.

02. Medium Fidelity

Be at the top of google page search by its powerful and incredible Search Engine Optimization technique

Concept Image
Concept Image

03. High Fidelity

Know about your company level in market with a perfect & precise market monitoring the system which is deal with social media strategy.

Primary Challenges

1. Search either didn't work and when it did not as expected
2. Multiple logins between various areas of the site caused a lot of friction and frustration for users
3. Due to poor search function users are forced to navigate the application and often feel "overwhelmed" or "confused"
4. Users noted that the dashboard was “cluttered”, “too much”, and “overwhelming”
5. Users expected The Hub’s dashboard to show information based on their location and business unit
Problem Tab Image

Conducted Generative Research

We performed generative research to define user pain points using 1:1 live remote user interview. This research was conducted with 26 participants that were spread across the country and several departments.

Search

The search experience was the most cited pain point due to:
- Duplicated results
- Outdated policies and information
- Search function does not search everything


Recommendations:
- Meet user expectations by modeling after best-in-class services like Google
- Search results should reflect who created the document, policy, or information
- Regularly analyze and cleanse information available to users to get rid of old, duplicate, or inaccurate resources

Login

Multiple logins cause friction and reduce efficiency for user:
- Different parts of the site are on different tech and require user to re-login to these areas
- Required to login even on VPN
‍-N
‍Authentication times out too quickly


Recommendations:
- Use SSO and apply to as many different pages as possible
- Extend time on login token
- No login necessary when on VPN

Navigation

Because of the poor search function, Hub users feel forced to use navigation:
- Navigation is “overwhelming” and “confusing”
- Some menu links work, some don’t
- Button labels are confusing


Recommendations:
- Conduct IA analysis to organize, structure, and label content in an effective and sustainable way

Homepage

The Hub’s home page is “cluttered,” “too much,” and “overwhelming”:
- Users do not scroll down and remain “above the fold”
- Users expect more “goings on” and “how are we doing?” company news. Without it, users feel a disconnect.
- Users want to see more news and updates from their business unit


Recommendations:
- Consider an audit of the most visited policies/documents and make them readily available
- Use IA analysis to define the content the associate needs then focus on wants

Lack of Personalized Experience

Users expect The Hub’s homepage to show them information based on their location and business unit.
- Users believe The Hub is overly focused on HQ and seeing news/info unrelated to them, causing negative emotions
- Users want to see information that applies to their job role and department


Recommendations:
- Consider a focused experience for users based on location, department, and role
- Have changeable widgets on the Hub page so users can have greater control

Early FigJam Collaboration with UX, Product, and Engineering

After conducting the generative research sessions we had a readout with our stakeholders and I spun up this FigJam file to convey some of my ideas from the takeaways in a low-fi format that would also encourage the stakeholders to get in here and leave comments or create their own basic designs.

Final Screens

These are a few final visual design examples that I delivered to stakeholders.

Fidelity Concepts

Competitive analysis is a key aspect when in the beginning stages of an SEO campaign. Far too often, I see organizations skip this important step and get right into keyword mapping, optimizing content, or link building.

Concept Image

1. Lоw Fidelity

We split up to create our own low-fidelity concepts to generate as many unique ideas as possible and disregarded.

02. Medium Fidelity

Be at the top of google page search by its powerful and incredible Search Engine Optimization technique

Concept Image
Concept Image

03. High Fidelity

Know about your company level in market with a perfect & precise market monitoring the system which is deal with social media strategy.

Design Validation Research

We conducted unmoderated research using UserTesting.com with a subset of our previous participants in the generative research study.

Homepage highlights:
- Overall feedback was positive with words like "simple", "clean", and "easy to use" used ​
- New shortcuts section was well received and users liked the customizability
- Don't rename any of the shortcuts as it's confusing

Search highlights:
- Add being able to filter by category​
- Was positively received as much more usable but also technically more functional

Results and Reflection

Key Results

Site traffic: Increased by +35%

Use of search decreased by over 40% because the site was that much easier to navigate

Was selected out of over 600 nominees to receive an award for our work and impact

This project was difficult to lead at times as there were product owners who didn't know what they really wanted and hadn't led a project like this before. This required patience and a fair amount of leadership on my part as UX to help guide and shape the requirements and goals of the project as it progressed.

"I LOVE the new look on the HUB. I'm very excited and wanted to share how much more user friendly it is!"
Feedback from user

"HR can be difficult to work with sometimes and we didn't always have a clear vision initially. You were able to help curate best practices and create example vision ideas that were instrumental to us helping get this new vision together."
Feedback from HR stakeholder

"Without your work, we would have been extremely lost! As far as I'm concerned, that page should have your signature on it with pride when we are done."
Feedback from my manager