Grainger Leadership Portal: Updated Style Guide

The following images are website design proposals and live pages I've created.

Site Designs and Portals shown by permission of Grainger. Designs and Logos ©2015 WW Grainger, Inc.

Landing Page Treatment | Grainger Leadership Portal

Single Column Navigation Flyout | Grainger Leadership Portal

Single Column Navigation Flyout | Grainger Leadership Portal

Two Column Navigation Flyout | Grainger Leadership Portal

Interior Page Graphical Treatment | Grainger Leadership Portal

Interior Page Graphical Treatment | Grainger Leadership Portal

Link Page Treatment | Grainger Leadership Portal

Grainger.com | HR Leadership Portal: Updated Styleguide

The following is a design proposal for Grainger's HR Leadership Portal after the intranet landing page was updated by another designer, here I am following his introduced style guide to my portal design.

The design mockup includes:

  • Landing page.
  • Interior page navigation.
  • Interior page navigation flyout.
  • Interior page service two column navigation flyout.
  • Interior page treatments.

Client: Grainger.

Role: Designer.