Icon Library

Icon Library

Icon Library

COMPANY:

Promethean

Project Details

COMPANY

Promethean

Promethean

Promethean

MY ROLES

Lead designer

Lead designer

Lead designer

Owner

Owner

Duration

4 months

4 months

4 months

STAKEHOLDERS

End users

End users

Design teams

Design teams

Product & Engineering

Product & Engineering

Marketing

Marketing

A cohesive icon font and design system.

From designing icons to implementation, ensuring that each icon aligned with the company’s growing design system.

There were 3 objectives.
There were 3 objectives.
It was for the user.
It was for the user.

Most importantly, icons were for the user. The main focus was to improve clarity, enhance navigation, and foster an intuitive experience.

Most importantly, icons were for the user. The main focus was to improve clarity, enhance navigation, and foster an intuitive experience.

Collaboration was essential.
Collaboration was essential.

I worked closely with cross-functional teams and members including designers, project managers and developers to meet the needs of product teams.

I worked closely with cross-functional teams and members including designers, project managers and developers to meet the needs of product teams.

Consistency was key.
Consistency was key.

Adhering to a strict set of principles allowed for greater usability and a cohesive experience across web, hardware and software experiences.

Adhering to a strict set of principles allowed for greater usability and a cohesive experience across web, hardware and software experiences.

The PRocess.

The PRocess.

The PRocess.

My roles.
  1. Maintained and updated the icon font that grew to over 1022 icons.

  2. Owned the process from gathering and designing new icons, vetting their compliance to the rules and generating the new font for developers.

  3. Oversaw and provided feedback across verticals for all new icons created.

  4. Responsible for communicating all changes and updates to all teams. 

Challenges.
  • Clarity: Icons needed to help users with instant recognition and impactful simplicity.

  • Scalability: Icons were used on multiple platforms.

  • Localization: The icons needed to be recognizable across different languages and cultures.

  • Collaboration and consistency: The icon font was used with multiple products and teams. It needed to meet different needs throughout the company.

Collaboration.

Getting icons into multiple products required coordination with several teams all with their own product managers, engineers and stakeholders. In collaboration with the product manager that owned the design system, I proposed a regular release schedule for the icon font to manage working across verticals a more seamless process.

The process from receiving or designing icons, revising them, getting approval across the design team, and implementation of the icon font required ongoing collaboration with designers, product managers and engineers.

Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work
Presentation of work

The icon font.

The icon font.

The icon font.

Icon stats.

Icon stats.

Icon stats.

/ 01

0%

0%

growth in one year

/ 01

0%

0%

growth in one year

/ 01

0%

0%

growth in one year

/ 02

0

0

total icons

/ 02

0

0

total icons

/ 02

0

0

total icons

/ 03

0%

0%

company-wide adoption

/ 03

0%

0%

company-wide adoption

/ 03

0%

0%

company-wide adoption

Next

/ 04

balance

understand my empathy and background.

Next

/ 04

Balance

understand my empathy and background.

Next

/ 04

BALANCE

understand my empathy and background.

Let's build something meaningful together.

Let's build something meaningful together.

Let's build something meaningful together.