top of page

Intranet Site Redesign


Redesigning of a company's intranet website which is used by more than 20,000 employees across different countries. The intranet site enables all employees to access essential company information and resources.


Redesign Site



Maryam Habibi, Product Team, External UX/UI Designers.

My Role

UX/UI Designer, design concepts, guidelines and governance rules, user researcher and interviews, feedback and recommendations

The Challenge

  • Employees spend too much time finding resources and they have to rely on other people to find important documents.

  • The navigation on the site was unintuitive and complicated

  • The Home page was cluttered with too many links

  • Search results are old and irrelevant

  • Steep onboarding curve for new hires   

Project Focus

Redesigning Intranet Site

The Outcome

A new employee intranet portal was successfully launched in September 2021 to users globally. As a result of my engagement with product team, the new design enables employees to more easily navigate and access documents and resources. It also increased self-service and allowed employees to search and find information without relying on others.


Jan 2020 - Sept 2021


Adobe XD, Sketch, Zeplin, Miro

My Responsibilities 

  • Established specific design guidelines to mature user-centered practices 

  • Designed concepts for the employee page, onboarding pages, and news sections

  • Identified rules for all components and page patterns used throughout the site

  • Performed multiple heuristic evaluation of the site during different stages of product cycle

  • Consulted the designer to provide feedback on UI design of the site

  • Conducted two rounds of usability reviews during different phases of the project

  • Improved content strategy, structure and information architecture of the site 

Design Concept

In this case study, I am focusing on showing the work for design concepts, guidelines, and rules for redesign of intranet site project. 

Design Concept

The profile page wasn't designed as part of the MVP, and the designer from the external team used a Salesforce template that they had. I created a design concept for the team to present the data on the profile page in a cleaner, more organized, and easier to scan layout with a better visual hierarchy of information.





Design Guidelines

As the project proceeded, I uncovered a series of design inconsistencies while conducting a heuristic review. There were issues with basic design principles such as proper use of white space, alignment, hierarchy, consistency, and grouping. Therefore, I took the new profile design and created detailed guidelines centered around core design principles to educate the team members.

Design Guidelines.png
Design Rules and Governance

Design Rules and Governance

A set of seven unique page patterns were defined, each organized around user goals.  Specific rules and guidelines were defined for the content and design elements associated with each page pattern.  These rules were also useful for ongoing governance to maintain consistency and cohesiveness across pages/sections in the site.

Components Design Rules

Here is the screenshot view of all the rules and guidelines for all components.


Below are three examples of components with rules.

Frame 37601.png

Page Pattern

Identified seven page patterns and each page pattern included:

  • Goals of the page pattern

  • An example image of the pattern

  • General page layout rules and variations

  • Listing of associated components that are "allowed" on the pattern

  • Provide guidance/rules on relationship to other page patterns

Here is the screenshot view of some rules and guidelines for page patterns.


Here is an example rules for App page pattern with all the components.

bottom of page