Martín Cohen

Back

2021-22

Pleo UI icon set redesign

2021-22

UI icon set redesign

2021-22

Pleo UI icon set redesign

2021-22

Pleo UI icon set redesign

2021-22

UI icon set redesign

Why

The Pleo design team faced three main problems:

Why

The Pleo design team faced three main problems:

Why

The Pleo design team faced three main problems:

Inconsistency

Icons didn't have a unified look & feel because they came from different sources over the years.

Inconsistency

Icons didn't have a unified look & feel because they came from different sources over the years.

Inconsistency

Icons didn't have a unified look & feel because they came from different sources over the years.

Inconsistency

Icons didn't have a unified look & feel because they came from different sources over the years.

Unscalability

The design team didn’t have an easy way to scale the icon system consistently when needed.

Unscalability

The design team didn’t have an easy way to scale the icon system consistently when needed.

Unscalability

The design team didn’t have an easy way to scale the icon system consistently when needed.

Unscalability

The design team didn’t have an easy way to scale the icon system consistently when needed.

Disconnect

Icons weren’t connected to Pleo’s brand – they didn’t reflect the way Pleo looks, speaks or moves.

Disconnect

Icons weren’t connected to Pleo’s brand – they didn’t reflect the way Pleo looks, speaks or moves.

Disconnect

Icons weren’t connected to Pleo’s brand – they didn’t reflect the way Pleo looks, speaks or moves.

Disconnect

Icons weren’t connected to Pleo’s brand – they didn’t reflect the way Pleo looks, speaks or moves.

Contributions

Design brief

Quality assurance

Management

UI icon design

Audit

Contribution guides

Recruiting

Stewardship

UI icon system

Contributions

Design brief

Management

Audit

Recruiting

UI icon system

Quality assurance

UI icon design

Contribution guides

Stewardship

Contributions

Design brief

Quality assurance

Management

UI icon design

Audit

Contribution guides

Recruiting

Stewardship

UI icon system

Contributions

Design brief

Recruiting

UI icon design

Management

UI icon system

Contribution guides

Audit

Quality assurance

Stewardship

Process

1. Audit & design brief

Define goals, audit icons, identify needs, use cases and set the scene for design execution.

1. Audit & design brief

Define goals, audit icons, identify needs, use cases and set the scene for design execution.

1. Audit & design brief

Define goals, audit icons, identify needs, use cases and set the scene for design execution.

1. Audit & design brief

Define goals, audit icons, identify needs, use cases and set the scene for design execution.

2. Recruiting

Facilitate the recruiting process for sourcing an external icon designer to collaborate with.

2. Recruiting

Facilitate the recruiting process for sourcing an external icon designer to collaborate with.

2. Recruiting

Facilitate the recruiting process for sourcing an external icon designer to collaborate with.

2. Recruiting

Facilitate the recruiting process for sourcing an external icon designer to collaborate with.

3. Facilitation

Influence and lead the design process between Studio Lenzing and the Pleo design team.

3. Facilitation

Influence and lead the design process between Studio Lenzing and the Pleo design team.

3. Facilitation

Influence and lead the design process between Studio Lenzing and the Pleo design team.

3. Facilitation

Influence and lead the design process between Studio Lenzing and the Pleo design team.

4. UI icon system

Design the way the Pleo design team uses and sources UI icons for their product designs.

4. UI icon system

Design the way the Pleo design team uses and sources UI icons for their product designs.

4. UI icon system

Design the way the Pleo design team uses and sources UI icons for their product designs.

4. UI icon system

Design the way the Pleo design team uses and sources UI icons for their product designs.

5. Implementation

Pair with engineering to bring the new UI icon set into Pleo’s web and mobile apps.

5. Implementation

Pair with engineering to bring the new UI icon set into Pleo’s web and mobile apps.

5. Implementation

Pair with engineering to bring the new UI icon set into Pleo’s web and mobile apps.

5. Implementation

Pair with engineering to bring the new UI icon set into Pleo’s web and mobile apps.

6. UI icon design

Design new and missing icon sizes to make the UI icon system more flexible and robust.

6. UI icon design

Design new and missing icon sizes to make the UI icon system more flexible and robust.

6. UI icon design

Design new and missing icon sizes to make the UI icon system more flexible and robust.

6. UI icon design

Design new and missing icon sizes to make the UI icon system more flexible and robust.

7. Contribution guides

Design guides for the Pleo design team to use and easily scale Pleo’s UI icon set going forward.

7. Contribution guides

Design guides for the Pleo design team to use and easily scale Pleo’s UI icon set going forward.

7. Contribution guides

Design guides for the Pleo design team to use and easily scale Pleo’s UI icon set going forward.

7. Contribution guides

Design guides for the Pleo design team to use and easily scale Pleo’s UI icon set going forward.

8. Stewardship

Facilitate new contributions to UI icons from Pleo’s product designers.

8. Stewardship

Facilitate new contributions to UI icons from Pleo’s product designers.

8. Stewardship

Facilitate new contributions to UI icons from Pleo’s product designers.