Grainger Advanced Search

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 Advanced Search

Applied Filters | Grainger Advanced Search

Applied Filters Tool Tip | Grainger Advanced Search

Recommended Category | Grainger Advanced Search

Recommended Category Tool Tip | Grainger Advanced Search

Recommended Category | Grainger Advanced Search

Grainger Advanced Search

The following are comps that a user would see depending on entering a valid or invalid search term. Depending on the user, the callback to their entered term will be automated or suggested. Working with the UXA at Grainger I had to provide visual solutions to all scenarios, as well as how to depict a suggested search term.

The design mockup includes:

  • Landing page.
  • Interior page navigation.
  • Autocorrected Term.
  • Applied Filters.
  • Category Tool Tip.
  • Recommended Category.

Client: Grainger.

Role: Designer.