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.




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.




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.













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.




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.




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.