Intranet

Intranet

Intranet

COMPANY

COMPANY

COMPANY

TEAM

TEAM

Sight8 reporting to Varian Director

Sight8 reporting to Varian Director

2 UX/UI Designers (incl. myself)

2 UX/UI Designers (incl. myself)

3rd party engineering team

3rd party engineering team

TOOLS

TOOLS

Adobe Creative Suite

Adobe Creative Suite

Sketch

Sketch

RESULTS

RESULTS

  • Improved usability of intranet making it easier for employees to engage with Varian

  • Improved usability of intranet making it easier for employees to engage with Varian

SUMMARY

SUMMARY

SUMMARY

End-to-end redesign of the Varian intranet. Scope of work included information architecture (IA), navigation, components, patterns and templates, search, customization, localization, content scrub, community, social, branding, visual design, documentation, and change management.

End-to-end redesign of the Varian intranet. Scope of work included information architecture (IA), navigation, components, patterns and templates, search, customization, localization, content scrub, community, social, branding, visual design, documentation, and change management.

End-to-end redesign of the Varian intranet. Scope of work included information architecture (IA), navigation, components, patterns and templates, search, customization, localization, content scrub, community, social, branding, visual design, documentation, and change management.

Customer input prior to redesign

Customer input prior to redesign

Customer input prior to redesign

At the start of this project, we conducted interviews with Varian employees (end users and content providers/maintainers) to understand the current state of the intranet, use cases, and identify pain points.

At the start of this project, we conducted interviews with Varian employees (end users and content providers/maintainers) to understand the current state of the intranet, use cases, and identify pain points.

At the start of this project, we conducted interviews with Varian employees (end users and content providers/maintainers) to understand the current state of the intranet, use cases, and identify pain points.

  • Business requirements doc

  • HR team design debrief

  • HR interviews

  • Stakeholder interviews

  • Publisher survey

  • User survey

  • Business requirements doc

  • HR team design debrief

  • HR interviews

  • Stakeholder interviews

  • Publisher survey

  • User survey

  • Business requirements doc

  • HR team design debrief

  • HR interviews

  • Stakeholder interviews

  • Publisher survey

  • User survey

Following is consolidated feedback collected, which helped us identify issues that would need to be addressed as part of the redesign effort:

Following is consolidated feedback collected, which helped us identify issues that would need to be addressed as part of the redesign effort:

Following is consolidated feedback collected, which helped us identify issues that would need to be addressed as part of the redesign effort:

Cool

  • “Most things” perceived as hard to locate

  • #1 problem is search 

  • Too US/Palo Alto centric

  • Design “out of date/not modern” and “static/boring” 

  • A lot of information ("clutter"), much outdated

  • Navigation “confusing,” “easy” and “easy to get lost”

  • Dashboard lacks a clear hierarchy

  • Too many links/too many clicks/too many menus

  • Pictures in the articles are too small

  • Many users bypass nav bar

Warm

  • Like the stock ticker

  • Like featured stories but they are hard to find/return to

  • VMSWire provides a good blend of content and images

Wish list

  • Content should be better organized

  • Ability to customize

  • More shortcuts/access favorites

  • Needs to be more global/localized

  • Videos should play inline

  • More social media

  • More images

Cool

  • “Most things” perceived as hard to locate

  • #1 problem is search 

  • Too US/Palo Alto centric

  • Design “out of date/not modern” and “static/boring” 

  • A lot of information ("clutter"), much outdated

  • Navigation “confusing,” “easy” and “easy to get lost”

  • Dashboard lacks a clear hierarchy

  • Too many links/too many clicks/too many menus

  • Pictures in the articles are too small

  • Many users bypass nav bar

Warm

  • Like the stock ticker

  • Like featured stories but they are hard to find/return to

  • VMSWire provides a good blend of content and images

Wish list

  • Content should be better organized

  • Ability to customize

  • More shortcuts/access favorites

  • Needs to be more global/localized

  • Videos should play inline

  • More social media

  • More images

Page type models

Page type models

Page type models

We audited the existing site to identify content types that would need to be supported and broke the application down into page types including:

  • Home/dashboard

  • Routers

  • Gateways

  • Landing/destination

  • Miscellaneous (404 for example)

We audited the existing site to identify content types that would need to be supported and broke the application down into page types including:

  • Home/dashboard

  • Routers

  • Gateways

  • Landing/destination

  • Miscellaneous (404 for example)

We audited the existing site to identify content types that would need to be supported and broke the application down into page types including:

  • Home/dashboard

  • Routers

  • Gateways

  • Landing/destination

  • Miscellaneous (404 for example)

Dashboard

Dashboard

Dashboard

We included several new features on the home screen to address feedback. The design is highly visual with room for imagery. Popular content is surfaced, such as employee anniversaries and stock ticker. Content modules support localization. Fixed in the top right, we included a 'favorites' panel that allows people to add bookmarks to frequently visited areas of the site.

We included several new features on the home screen to address feedback. The design is highly visual with room for imagery. Popular content is surfaced, such as employee anniversaries and stock ticker. Content modules support localization. Fixed in the top right, we included a 'favorites' panel that allows people to add bookmarks to frequently visited areas of the site.

We included several new features on the home screen to address feedback. The design is highly visual with room for imagery. Popular content is surfaced, such as employee anniversaries and stock ticker. Content modules support localization. Fixed in the top right, we included a 'favorites' panel that allows people to add bookmarks to frequently visited areas of the site.

Router

Router

Router

Routers allow users to quickly scan and navigate to a destination.

Routers allow users to quickly scan and navigate to a destination.

Routers allow users to quickly scan and navigate to a destination.

Gateway

Gateway

Gateway

Gateways mirror the design of the home dashboard but content is customized and targeted to specific business units. This approach allowed us to minimize bespoke engineering work with adaptable modules.

Gateways mirror the design of the home dashboard but content is customized and targeted to specific business units. This approach allowed us to minimize bespoke engineering work with adaptable modules.

Gateways mirror the design of the home dashboard but content is customized and targeted to specific business units. This approach allowed us to minimize bespoke engineering work with adaptable modules.

Search

Search

Search

To address the number one pain point, we designed robust search functionality with scoping and filtering capability.

To address the number one pain point, we designed robust search functionality with scoping and filtering capability.

To address the number one pain point, we designed robust search functionality with scoping and filtering capability.

Navigation

Navigation

Navigation

Global navigation was improved with the introduction of mega-menus that allow users to quickly navigate to a destination.

Global navigation was improved with the introduction of mega-menus that allow users to quickly navigate to a destination.

Global navigation was improved with the introduction of mega-menus that allow users to quickly navigate to a destination.

Final design - teaser video

Final design - teaser video

Final design - teaser video