Crafting a Cohesive and Scalable Icon System

Creating visually & optically balanced, intuitive icons that strengthen the product’s overall design language and improve consistency

Role

Product Designer

Date

December'24

Duration

1 month

a cellphone leaning against a wall
a cellphone leaning against a wall
a cellphone leaning against a wall

In the very initial stages of my work at Jar, while auditing various product flows and design files, I noticed multiple inconsistencies in the existing icon set. Recognizing the impact this had on visual consistency and usability, I took ownership of addressing the issue.

In the very initial stages of my work at Jar, while auditing various product flows and design files, I noticed multiple inconsistencies in the existing icon set. Recognizing the impact this had on visual consistency and usability, I took ownership of addressing the issue.

Payment flow
Payment flow
Payment flow
Old payment experience
Old payment experience
Old payment experience

Leveraging established principles from Google’s Material Design guidelines, I worked towards standardizing the iconography to create a cohesive and scalable system aligned with the product’s design language.

Improved Payment Experience
Improved Payment Experience
Improved Payment Experience

The finalized icon system was packaged into a Figma plugin to support easy access and consistent usage across internal teams.

The finalized icon system was packaged into a Figma plugin to support easy access and consistent usage across internal teams.

Other projects

Interested in connecting?

Let’s talk projects, collaborations, or anything design!

Interested in connecting?

Let’s talk projects, collaborations, or anything design!

Interested in connecting?

Let’s talk projects, collaborations, or anything design!

Copyright 2025 by Callum Hayes

Copyright 2025 by Callum Hayes

Copyright 2025 by Callum Hayes