Credit Card Icon

Simple low fidelity icon to aid customers visually during the checkout process. Due to lack of software access at the time, this project literally went from paper to application.

Pencil/Pen Sketch

Refinement

Digital Sketch

Application

While creating this icon entirely from scratch, I also had the opportunity to gain some experience with designing fonts. To allow for these low fidelity icons to be used while taking up the smallest amount of data on devices, Lexmark places this style of icon into a font.

I got to add the new credit card icon to that font, learning how to export and add to font files. Due to the nature of the icon font not having letters I also created glyph libraries to organize glyphs and their names. I made these libraries to allow them to be used on, Adobe XD, Figma, and Adobe Illustrator. Each set having to be made from scratch.

Iterations V1

Iterations V2

Objective

Design a simple tier 3 credit card icon that follows existing guidelines to be used during the checkout process.