Grainger Navigation Sketches

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.

Catalog Image with Navigation Drop-down | Grainger Header Project

Bulk Order Drop-down | Grainger Header Project

Navigation Drop-down | Grainger Header Project

Catalog Image with Bulk Order Drop-down | Grainger Header Project

Grainger Header Drop-down and Navigation Sketches

The following were explorations of the Grainger navigation drop-downs in an early version of the navigation update.

The point of the exercise was to explore options for catalog images and dropdown styles in the darker color scheme to determine look and feel, as well as readability.

The design mockup includes:

  • Bulk order drop-down with and without catalog image.
  • Navigation drop-down with and without catalog image.

Client: Grainger.

Role: Designer.