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

Design iteration

Design iteration

Design iteration

Design iteration

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.

A/B testing

A/B testing

A/B testing

A/B testing

findings & iterations

findings & iterations

findings & iterations

findings & iterations

I conducted a small usability test with 4 individuals. I was looking to test clarity, completion and comprehension of the different features.

I conducted a small usability test with 4 individuals. I was looking to test clarity, completion and comprehension of the different features.

I conducted a small usability test with 4 individuals. I was looking to test clarity, completion and comprehension of the different features.

I conducted a small usability test with 4 individuals. I was looking to test clarity, completion and comprehension of the different features.

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

Iteration 1

Iteration 1

The 'view' button on collections was unclear. Some testers thought it was a view count and not a button at all.

The 'view' button on collections was unclear. Some testers thought it was a view count and not a button at all.

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

Iteration 4

Iteration 4

To address this, I updated the copy from simply “View” to “View Collection.”

To address this, I updated the copy from simply “View” to “View Collection.”

Reflection

Reflection

Reflection

Reflection

understand the problem

understand the problem

understand the problem

understand the problem

1

1

Underutilization of themed spaces

Underutilization of themed spaces

When pod leaders use the BACI spaces, they primarily serve as casual hangout spots or pseudo computer labs, with minimal engagement in structured activities or skill development.

When pod leaders use the BACI spaces, they primarily serve as casual hangout spots or pseudo computer labs, with minimal engagement in structured activities or skill development.

2

2

Premade activity kits lacking utilization & meaning

Premade activity kits lacking utilization & meaning

The available activity kits are underused and fail to provide meaningful or engaging experiences, leaving their potential untapped by pod leaders and participants.

The available activity kits are underused and fail to provide meaningful or engaging experiences, leaving their potential untapped by pod leaders and participants.

3

3

CI spaces lack engagement with the surrounding community

CI spaces lack engagement with the surrounding community

While operating as a group outdoors, pod leaders often miss opportunities to interact with local residents or build new connections within the community.

While operating as a group outdoors, pod leaders often miss opportunities to interact with local residents or build new connections within the community.

© 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” 🔥