Role: UX / Visual Designer

Context: eCommerce B2B / B2C

Duration: 2013-2014

My contribution

As a Visual Designer I was responsible for building page layouts that improved the usability of Grainger’s web experience. We worked in an agile environment that consisted of IA’s, Researchers, VD’s, PO’s, PM’s, and Devs. We worked together with-in a design thinking process to help identify and fix customer pain points. We measured and tested our findings.

Research
20%
Interaction design
60%
Visual design
100%
Team communication
50%

Tools used

01

Update Forms

After evaluating existing personas, conducting research, and taking a deep dive into form best practices influence by Luke Wroblewski this produced an experience that was unobtrusive, frictionless and more pleasurable for the user.

Search

Project Brief​

Enhance the registration experience

Challenge

Solution would affect entire web experience so needs to be flexible and consistent

Solution

Implemented Web Best Practices and Design Principles

02

Mobile First

mobile-landing

The most important thing to keep in mind when designing a mobile app is to make sure it is both useful and intuitive. If the app is not useful, it has no practical value for the user and no one has any reason to use it. If the app is useful but requires a lot of time and effort, people won’t bother learning how to use it.

Principles I used to guide my mobile design decisions:

  • Critical functions and content
  • Usefulness
  • Simplicity
  • Discoverability
  • Learnability
  • Predictability
  • Usability
  • Constraints
  • Opportunities
  • Performance
grainger-mobile-tool-1
grainger-mobile-tool-2
grainger-mobile-tool-5
profile01

Lets collaborate and build something great!