SharePoint Intranet Design

SharePoint Intranet Design

SharePoint Intranet Design

SharePoint Intranet Design

Upgrade and consolidate the client's legacy, and design a global Intranet to achieve a more modern, cohesive, and multi-lingual solution.

Upgrade and consolidate the client's legacy, and design a global Intranet to achieve a more modern, cohesive, and multi-lingual solution.

Upgrade and consolidate the client's legacy, and design a global Intranet to achieve a more modern, cohesive, and multi-lingual solution.

Upgrade and consolidate the client's legacy, and design a global Intranet to achieve a more modern, cohesive, and multi-lingual solution.

This natural resources company aimed to improve their employee intranet by addressing poor information architecture, inconsistent visuals, and unstructured content. With low design maturity, no design system, and overwhelming content, employees found it difficult to navigate and engage with the platform.


Its redesign is an opportunity to improve the user experience and accessibility, address the pain points and integrate with other features for over 10,700 employees who use the intranet on daily basis.

This natural resources company aimed to improve their employee intranet by addressing poor information architecture, inconsistent visuals, and unstructured content. With low design maturity, no design system, and overwhelming content, employees found it difficult to navigate and engage with the platform.


Its redesign is an opportunity to improve the user experience and accessibility, address the pain points and integrate with other features for over 10,700 employees who use the intranet on daily basis.

This natural resources company aimed to improve their employee intranet by addressing poor information architecture, inconsistent visuals, and unstructured content. With low design maturity, no design system, and overwhelming content, employees found it difficult to navigate and engage with the platform.


Its redesign is an opportunity to improve the user experience and accessibility, address the pain points and integrate with other features for over 10,700 employees who use the intranet on daily basis.

This natural resources company aimed to improve their employee intranet by addressing poor information architecture, inconsistent visuals, and unstructured content. With low design maturity, no design system, and overwhelming content, employees found it difficult to navigate and engage with the platform.


Its redesign is an opportunity to improve the user experience and accessibility, address the pain points and integrate with other features for over 10,700 employees who use the intranet on daily basis.

Role

Role

UX Design Analyst

UX Design Analyst

Timeline

Timeline

Apr '21 - Aug '21

Apr '21 - Aug '21

Responsibilities

Responsibilities

I was the main visual designer working on a client project. I contributed to the release of the client's intranet using custom SharePoint through mobile/ website design, component library, design workshops and user testings.

I was the main visual designer working on a client project. I contributed to the release of the client's intranet using custom SharePoint through mobile/ website design, component library, design workshops and user testings.

Outcome

Outcome

I created a web, mobile AR and Unity VR experience that makes digital museum visits more fun through scavenger hunts, personal collection curation and immersive exhibits

I created a web, mobile AR and Unity VR experience that makes digital museum visits more fun through scavenger hunts, personal collection curation and immersive exhibits

Background

Background

Avanade came in to help conduct a series of design thinking workshops and strategy exercises to define some of the new directions for the future intranet in early 2019. In late 2020, Teck Resources decided to build their new intranet with ASIA, a modern intranet & employee experience platform that empowers global enterprises and provides deep integration with Microsoft Office 365 applications.

Avanade came in to help conduct a series of design thinking workshops and strategy exercises to define some of the new directions for the future intranet in early 2019. In late 2020, Teck Resources decided to build their new intranet with ASIA, a modern intranet & employee experience platform that empowers global enterprises and provides deep integration with Microsoft Office 365 applications.

Problem

Problem

The current intranet has remained unchanged for nearly a decade, it is a traditional intranet offering one-way communication, serving as a central source of news and employee resources such as forms, policies and procedures.​


Teck was looking to modernize it by incorporating new features, updating the look and feel, improving accessibility and integrate with other features and disparate intranets

The current intranet has remained unchanged for nearly a decade, it is a traditional intranet offering one-way communication, serving as a central source of news and employee resources such as forms, policies and procedures.​


Teck was looking to modernize it by incorporating new features, updating the look and feel, improving accessibility and integrate with other features and disparate intranets

Understanding the

Understanding the

Understanding the

Understanding the

client's pain point

client's pain point

client's pain point

client's pain point

To support the design, I created a brand guideline kit. It includes tone of voice, logos, colors, fonts, icons, images, and product vision.

To support the design, I created a brand guideline kit. It includes tone of voice, logos, colors, fonts, icons, images, and product vision.

To support the design, I created a brand guideline kit. It includes tone of voice, logos, colors, fonts, icons, images, and product vision.

To support the design, I created a brand guideline kit. It includes tone of voice, logos, colors, fonts, icons, images, and product vision.

Visual audit

Visual audit

and analysis

and analysis

To get a baseline understanding of the public space, I conducted 2 semi-structured interviews. Additionally, 59 individuals completed a survey. Here are the findings.

To get a baseline understanding of the public space, I conducted 2 semi-structured interviews. Additionally, 59 individuals completed a survey. Here are the findings.

Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape

Before

Before

The term "timeline" was confusing to some users. They thought the button would show them a history of items they have looked at.

The term "timeline" was confusing to some users. They thought the button would show them a history of items they have looked at.

Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape

After

After

To address this, I updated the text from "timeline" to “Artifact History.”

To address this, I updated the text from "timeline" to “Artifact History.”

Conducting tree testing

Conducting tree testing

Conducting tree testing

Conducting tree testing

to test our IA

to test our IA

to test our IA

to test our IA

I created a Component Library containing all design components, which acted as a single source of truth for client and our development team. This includes visual and functional specifications for all the custom/configured components that will be developed.

I created a Component Library containing all design components, which acted as a single source of truth for client and our development team. This includes visual and functional specifications for all the custom/configured components that will be developed.

I created a Component Library containing all design components, which acted as a single source of truth for client and our development team. This includes visual and functional specifications for all the custom/configured components that will be developed.

I created a Component Library containing all design components, which acted as a single source of truth for client and our development team. This includes visual and functional specifications for all the custom/configured components that will be developed.

Making SharePoint

Making SharePoint

Making SharePoint

Making SharePoint

components accessible

components accessible

components accessible

components accessible

I created a Component Library containing all design components, which acted as a single source of truth for client and our development team. This includes visual and functional specifications for all the custom/configured components that will be developed.

I created a Component Library containing all design components, which acted as a single source of truth for client and our development team. This includes visual and functional specifications for all the custom/configured components that will be developed.

I created a Component Library containing all design components, which acted as a single source of truth for client and our development team. This includes visual and functional specifications for all the custom/configured components that will be developed.

I created a Component Library containing all design components, which acted as a single source of truth for client and our development team. This includes visual and functional specifications for all the custom/configured components that will be developed.

Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape
Black and white headshot of Tammy in a scalloped circle shape

Reflection

Reflection

Reflection

Reflection

understand the problem

understand the problem

understand the problem

understand the problem

1

1

Structure testing early

Structure testing early

I realized how important it is to plan out testing methods clearly from the start. Having a good structure for the A/B and tree testing helped me gather more meaningful feedback without overwhelming participants.

2

2

Build buy-in, not just solutions

Build buy-in, not just solutions

I learned that when introducing new tools like modern SharePoint, it’s just as important to focus on team buy-in as it is on the design itself. Spending more time walking people through the “why” made a big difference in getting their support.

3

3

Embrace small wins

Embrace small wins

I saw how small navigation tweaks can have a big impact on user experience, especially in complex environments like intranets. It reminded me to stay flexible and open to incremental changes instead of aiming for one perfect design all at once.

I saw how small navigation tweaks can have a big impact on user experience, especially in complex environments like intranets. It reminded me to stay flexible and open to incremental changes instead of aiming for one perfect design all at once.

© 2025 · Forged in the fires of “it worked on my machine” 🔥

© 2025 · Forged in the fires of “it worked on my machine” 🔥

© 2025 · Forged in the fires of “it worked on my machine” 🔥

© 2025 · Forged in the fires of “it worked on my machine” 🔥