Navigating Non-automotive Vehicles

I was the given the opportunity to rethink and improve the solution AutoZone's in-store sales application has for non-automotive parts look up. For many non-automotive vehicles such as lawnmowers, boats or ATV the year/make/model data does not yet exist and everyone must rely on Paper/PDF catalogs. Highlighting non-auto vehicle parts availbilty, and improving the ease of use being the goal, I started with user interviews among AutoZoner's in the field. I took that feedback to review with some high performing store managers and together we quickly drafted up some ideas. The favorite out of that session ended up being roughed out on a napkin.  

2-Usability-Sketches-1-sm
3-Usability-Sketches-2-sm

From the napkin sketches I was able to create a more refined design using Photoshop and Sketch. I then coded it using HTML and CSS, leveraging the existing javascript framworks. 

4 – before-and-after-research-screen

Below is a screen of the first iteration of the complete project and how it displayed in stores. Please click to view the prototype of the most recent iteration.  

5 – After – Product-Compare-Home-Screen-Right