IllustrationComicsAbout

Iconography

Grainger 404 Page Icons | View Work

Iconography and spot illustrations

Iconography as well as spot illustrations for design systems, interfaces and websites for both clients and for sale! Use my icons in your project!

Get daily updates at Instagram, Facebook, X/Twitter, or Dribbble!

Colorful illustrated icons for use as categories for an ecommerce shopping site.

Created: 2017 | Role: Icon Design, Vector, Design

Categories! Here are some fun and colorful icons I created to be the representations of different categories of products for an ecommerce shopping site.

Monotone icons displaying how an ecommerce store classifies and shows order fulfillment.

Created: 2017 | Role: Icon Design, Vector, Design

Get your stuff! Here's an icon set showing shipping fulfillment of your online order through an internet related ecommerce shop that sells and ships goods.

Icons illustrating the focus of reminder and traveling to health check-ups as well as showing recurring appointments.

Created: 2017 | Role: Icon Design, Vector, Design

The ongoing maintenance of your body and teeth! Here are icons illustrating traveling to health check-ups as well as showing recurring appointments.

Icon group illustrating the technology stack powering patient data to their health network.

Created: 2017 | Role: Icon Design, Vector, Design

Technology and health! The following icons are for illustrating user interaction and the technology stack to get patient data to health providers.

Icons illustrating connecting to technology as a part of a patients journey with their health and their insurance partner.

Created: 2017 | Role: Icon Design, Vector, Design

Connection to health related technology is the theme of this icon set. For use in context with connecting patients to their health insurance network.

A selction of icons all representing a cycle with different stopping points in the cycle of prescrptions, websites and doctors.

Created: 2017 | Role: Icon Design, Vector, Design

The cycle of health and technology! Check out a few icons illustrating the cycle between treatment, prescriptions, technology and health!

A couple grayscale illustrations related to farming equipment for Grainger dot com.

Created: 2015 | Role: Icon Design, Vector, Design

Out on the farm! Here's a few grayscale illustrations that were used as icons to convey farm-related parts and supples for the Grainger UX team.

Selections of the Grainger Choice badges to show the different usage types for the search and browse experience on Grainger dot com.

Created: 2015 | Role: Icon Design, Vector, Design

Selections of the Grainger Choice badges to show the different usage types for the search and browse experience on Grainger dot com for the program.

Isometric style icons to signify to the customer to call or email to contact Grainger to alert them of a 404 page on the ecommerce site.

Created: 2015 | Role: Icon Design, Vector, Design

A couple of fun isometric style icons for the Grainger 404 page that I made in collaboration with Grainge's UX team for the ecommerce site.

A selection of icons for use in the EPRO experience to link and connect to the app.

Created: 2015 | Role: Icon Design, Vector, Design

Let's connect to ePro! Here are a few examples of icons used within the experience to initially open and connect to the app to shop on Grainger!

A selection of options for Grainger's ePro app with some different shopping carts.

Created: 2015 | Role: Icon Design, Vector, Design

Some more looks at cart icons for search and browse for use in the Grainger ePro app experience for the User Experience team.

A few looks of some options for a cart icon for the Grainger mobile experience.

Created: 2015 | Role: Icon Design, Vector, Design

Carts and other various icons for search and browse for use in the Grainger ePro app experience for the User Experience team.

Badge explorations for the Switch and Save program on Grainger dot com to for use in the search and browse experience.

Created: 2015 | Role: Icon Design, Vector, Design

More Switch and Save! Here are some UX-lead branding ideas for use on the Grainger site to show how the program could've worked exclusively as a badge.

Logo and badge explorations for the Switch and Save program on Grainger dot com.

Created: 2015 | Role: Icon Design, Vector, Design

Switch and Save! Here are some UX-lead branding ideas for use on the Grainger site to show how the program could've worked as a badge and logo treatment.

A few samples of different color treatments for a PDF icon for the Grainger UX team on the ecommerce site.

Created: 2015 | Role: Icon Design, Vector, Design

PDF icons for manual downloads! Check a few examples of how we tackled ways to implement the PDF icon for Grainger ecommerce and user experience teams.

A few examples of how to tackle the refresh icon for Grainger ecommerce and user experience teams to implement.

Created: 2015 | Role: Icon Design, Vector, Design

Page and results refresh! Check a few examples of how we tackled ways to implement the refresh icon for Grainger ecommerce and user experience teams.

Customer service and research related icons with illustrated representations of the two parties communicating with each other.

Created: 2015 | Role: Icon Design, Vector, Design

Check out this collection of customer service and research related icons with illustrated representations of the two parties communicating with each other.

A collection of icons portraying worksite safety for the ecommerce and UX teams at Grainger.

Created: 2015 | Role: Icon Design, Vector, Design

Safety first! Check out this collection of icons portraying worksite safety and safe practices for the ecommerce and UX teams at Grainger.

A set of icons displaying order fulfillment as well as package status for Grainger ecommerce.

Created: 2015 | Role: Icon Design, Vector, Design

Various fulfillment and package handling related to Grainger ecommerce and internal presentations to support the UX team.

Icons related to photo documentation and photos for Grainger ecommerce.

Created: 2015 | Role: Icon Design, Vector, Design

Capturing and taking photos for shipping and handling related issues are the purpose of this icon set that was used within the Grainger ecommerce site.

A view of some different icons exploring shipping and handling and fulfillment related issues for Grainger ecommerce.

Created: 2015 | Role: Icon Design, Vector, Design

Packages, shipping and handling a clipboard and more. Some shipping related and package icons for use within the Grainger ecommerce site.

A series of icons exploring directional arrows, time, clipboard, success and more for Grainger's ecommerce site.

Created: 2015 | Role: Icon Design, Vector, Design

Arrows, checkboxes, clipboard and more. Some directional arrows, time and copy and paste icons for use within the Grainger ecommerce site.

A few looks for what could be the Grainger ecommerce site cart icons for use within the site navigation for users to check out and purchase.

Created: 2015 | Role: Icon Design, Vector, Design

A few sketches for what could be the Grainger ecommerce site cart icons for use within the site navigation for users to check out and purchase.

Chicago related icons in grayscale with news, announcement and Chicago landmarks.

Created: 2015 | Role: Icon Design, Vector, Design

Chicago! Here are some icons related to news events and Windy City landmarks for use within the Grainger site and marketing ecosystem.

Various treatments of icons for ecommerce on the Grainger site and ecosystem with payment icons, keys, and others.

Created: 2015 | Role: Icon Design, Vector, Design

Various icons for use on the ecommerce site and marketing. Credit cards? Old fashioned keys? I have those all worked out for use in sweet sweet vector art!

A selection of menu icons for Grainger dot com with their trademark catalog design in icon form to serve as the site navigation.

Created: 2015 | Role: Icon Design, Vector, Design

The trademark Grainger catalog, could it also serve as a site menu icon for user navigation? Here are a few menu icon explorations I created for the site.

Various color treatments of the trademark Grainger box with an auto-reorder icon on the top right of the box.

Created: 2015 | Role: Icon Design, Vector, Design

The trademark Grainger box. This icon was an exploration of colors and graphical treatments for an auto-reorder feature on the eCommerce site.

Sales coaching application icon sketches with different options for lockups of a whistle and dollar sign.

Created: 2015 | Role: Icon Design, Vector, Design

Sales coaching! Here are more early sketches for Grainger coaching app icons and trying out different combinations of dollar sign and whistle lockups.

A selection of catalogs opened up with a location pin in the right page with different color applications.

Created: 2015 | Role: Icon Design, Vector, Design

Searching for a section in the Grainger catalog? I believe this was the icon that helped with that or it might have also been a glossary related icon.

Various looks of white magnifying glass icons on Grainger red to determine the best icon design.

Created: 2015 | Role: Icon Design, Vector, Design

Search icons explorations here. How could different looks on the stem and the glass look when placed into a button on the Grainger search interface?

A couple of looks on a collected representation of tools for the Grainger tools app with the now signature shadow off of the tiles.

Created: 2015 | Role: Icon Design, Vector, Design

Grainger tools app sketches! Exploring how the now signature Grainger G shadow would look on the collection of icons that make up the app icon would look.

Lockups of different options of dollar signs with clocks to signify a time and sales related application.

Created: 2015 | Role: Icon Design, Vector, Design

Even more looks! Here are early sketches for Grainger time and sales app icons and trying out different combinations of dollar signs and clocks.

Lockups of different options of dollar signs with clocks to signify a time and sales related application.

Created: 2015 | Role: Icon Design, Vector, Design

Time and sales more looks! Here are early sketches for Grainger time and sales app icons and trying out different combinations of dollar signs and clocks.

Lockups of different options of dollar signs with clocks to signify a time and sales related application.

Created: 2015 | Role: Icon Design, Vector, Design

Time and sales! Here are early sketches for Grainger time and sales app icons and trying out different combinations of dollar signs and clocks.

Sales coaching application icon sketches with different options for lockups of a whistle and dollar sign.

Created: 2015 | Role: Icon Design, Vector, Design

Sales coaching! Here are early sketches for Grainger coaching app icons and trying out different combinations of dollar sign and whistle lockups.

A collection of app icon sketches with options and colors for abstract shapes to signify sales.

Created: 2015 | Role: Icon Design, Vector, Design

Early sketches for Grainger sales app and trying out abstract shapes with different color combinations instead of an icon-centric approach.

#

Created: 2015 | Role: Icon Design, Vector, Design

Early sketches for Grainger at work with a W shaped collection of tiles, trying to lean into a sort of Microsoft kind of vibe with different color options.

An app icon with colorful layered boxes to signify rooms and desks for an internal meeting booking app.

Created: 2015 | Role: Icon Design, Vector, Design

Grainger at work! This an internal app for booking meetings for team and collaboration on one of the Grainger campuses around Chicagoland.

An app icon with a dollar and a clock to convey time related sales tracking for the internal sales team.

Created: 2015 | Role: Icon Design, Vector, Design

Grainger at work! This an internal sales related app icon for the sales team to work with each other on the team and for leadership viewpoints.

An app icon with a coaches whistle and a clipboard with a chart projecting upward to convey being coached with upward gaining results.

Created: 2015 | Role: Icon Design, Vector, Design

Grainger at work! This an internal sales related app icon for the sales team to coach each other on the team and for leadership viewpoints.

A red icon with internal layered tiles of different sales and working related icons to signify a suite of tools to link to upon entering this app.

Created: 2015 | Role: Icon Design, Vector, Design

Grainger at work! This main app that opens a suite of related app related to internal sales and operations as a part of the then Grainger Sales app suite.

User Interfaces from way back...

Daily UI 2017

An interface a day keeps the atrophe of skills away! A few Daily UI designs from 2017 with a few updates and new UI designs!

A user interface design for a case study on a website for users to showcase their drawing skills, with all of the inputs states.,Exploration of the background pattern and pencil illustration for a study on a login page

Created: March 19th, 2017 | Role: Design, UI Design

Let's draw! Here's a case study as a part of the Daily UI challenge to show a login for a site where users showcase their drawings! No AI here!

An ecommerce checkout experience featuring a spooky hand-drawn skateboard for sale!

Created: January 25th, 2017 | Role: Design, UI Design

Spooky skate decks! The Lumbermancer, actually. What could be if I ran a full on ecommerce site with my work for sale? Well this could be an option.

A sample landing page for an abstract painter's portfolio site.

Created: March 19th, 2017 | Role: Design, UI Design

Abstract Paintings! Check out a landing page design for the Daily UI prompt. For this pace I featured my own abstract works from grad school!

Iconography and spot illustrations

Iconography

Iconography as well as spot illustrations for design systems, interfaces and websites for both clients and for sale! Use my icons in your project!

Colorful illustrated icons for use as categories for an ecommerce shopping site.

Created: 2017 | Role: Illustrator

Categories! Here are some fun and colorful icons I created to be the representations of different categories of products for an ecommerce shopping site.

Monotone icons displaying how an ecommerce store classifies and shows order fulfillment.

Created: 2017 | Role: Illustrator

Get your stuff! Here's an icon set showing shipping fulfillment of your online order through an internet related ecommerce shop that sells and ships goods.

Icons illustrating the focus of reminder and traveling to health check-ups as well as showing recurring appointments.

Created: 2017 | Role: Illustrator

The ongoing maintenance of your body and teeth! Here are icons illustrating traveling to health check-ups as well as showing recurring appointments.

Interface designs brought to life!

UI Animation

Exploring ui and ux design with animated interface designs to show how they work for clients as well as hand-offs to development teams!

An interface design with an animation of interactions for a simple vehicle console design.

Created: April 18th, 2017 | Role: UX Design, After Effects

Check out Daily UI Entry number seven in which I explore a clean and minimal interface for a car center console with basic interactions showing brightness settings and time!