IQOS Iconography
This project brief was to create a suite of iconography and illustrations to be used globally by the IQOS brand, both in the digital sphere and in printed materials.
Role
Senior Designer
Client
PMI
Foundations
Before creating the iconography, defined the foundational principles. I analysed of the site to find out where we would need to use iconography, and determine the context and tone we would need to set.
I set out the sizes we required to work in various circumstances, and created a grid for each size so that all icons created would look uniform and consistent. And the colours that could be used to ensure accessibility.
I also created guidelines so new icons could be added by others but remain consistent with the existing ones. Full guidelines can be viewed here: https://zeroheight.com/1cf31cdec/p/989ff0-iconography
Pictograms
As part of defining the principles, I decided to create two different types of icons. Firstly pictograms, which are the bigger and more detailed icons to be used in components and pages. And functional icons , the smaller and simpler icons to be used as indicators in places such as form fields.
All icons were to be created in three different colours, so they could be used on the multiple backgrounds whilst ensuring optimum visibility.
Functional
I created the functional icons by taking the pictograms and trying to distil them down to their most simple elements.
They were to be used at very small sizes (16px by 16px and 24px by 24px), so for maximum clarity and understandability, they had to be very simple and clean.
I also removed any turquoise from them, as at such a small size the single colour worked better and was far clearer in the context that they were to be used (form fields, CTAs, functional elements)
Illustrations
As part of this project I was also tasked with creating some illustrations to be used in certain components.
These would be much bigger than the pictograms, and would serve a different purpose. They show the different device types, and indicate the different parts and attributes of these parts.
My approach was to create a simplified version of the device , that is clean and easy to understand. I used the same three colour approach as the pictograms, to create harmony between the two sets.
