Illustrations

Contexte :

Infomaniak regroupe plus de 30 produits avec une grande diversité d'interfaces (webapp, pages de ventes, tunnels d'achat, applications) et de support (web, mobile, tablette). Au fil des années ces interfaces et les styles utilisés ont fortement évolué. Nous avons alors décidé de travailler sur une uniformisation de nos illustrations pour assurer une cohérence dans nos interfaces.

Réalisation :

J'ai mis en place un système d'illustrations simple à décliner entre les différents produits et simple à prendre en main par l'équipe design sans créer d'incohérence entre nos projets. Pour cela j'ai travaillé sur des illustrations mêlant des éléments pleins et filaires ainsi qu'un système de couches permettant aux éléments d'être indépendants les uns des autres et d'être réutilisés au sein d'autres compositions par les différents membres de l'équipe, assurant la cohérence entre nos interfaces. Ce système permet également d'intégrer un Dark mode et un Light mode dans lequel chaque couche obéit à ses propres règles. J'ai également travaillé sur les illustrations de l'ensemble des pages de vente. Ces dernières sont plus visuelles car elles ont vocation à mettre en avant des fonctionnalités précises. Elles sont présentes sur les visuels des réseaux sociaux et des opengraphs en plus du site. Ces illustrations sont adaptées à l'univers de produits dans lequel elles sont utilisées, par exemple la partie web et cloud computing intègre de l'isométrie pour souligner l'aspect technique des produits mis en avant et être plus parlant pour la cible à laquelle s'adresse le produit en question.

Réalisé pour Infomaniak Assets, design system