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.













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.