La mise à jour d’interfaces existantes est un travail délicat, entre les réfractaires au changement et le bouleversement des habitudes des utilisateurs ; Les refontes ci-dessous concernent plusieurs projets récents comme anciens.

A slider facilitates the comparison between bnefore and after the update of each interface.

2025 - Update of section selectors on WTI - Paragon ID

The company Paragon utilisait des images gratuites récupérées de diverses sources pour illustrer les fonctions d’une application en ligne. Bien que suffisamment explicites, ces illustrations étaient inhomogènes et manquaient de cohérence. J’ai pris le temps de refaire l’ensemble des icones, en gardant une homogénéité par la hiérarchisation des informations : Produits / Action / Niveau d’autorisation.

In short,

  • Each type of product is symbolized by a letter, a pictogram (Bus, Passport, Chip or Chip card) and a colour code (Blue, Pink, Green or Orange):
  • All possible actions are represented by a pictogram (Order, Administration, Search, Technical specification);
  • 1 niveau d’autorisation = un pictogramme (oeil, cahier-crayon)+ une couleur (vert ou rouge).

Board of the updated functionality accessors

Planche WTI

Final board with all items in place.

Updated interface

Ecran d’administration des outils

Ecran d’administration des ventes

Refreshed interface showing consistent design between different range of products.

Cohérence de l’iconographie entre les différents produits

2017 – Mise à jour de l’interface AXONE – Maquet/Getinge

Cette démarche s’est déroulée en deux étapes.

1-Ajout d’éléments graphiques à la charte existante pour de nouveaux produits

J’ai créé de nouveaux pictogrammes suite à des évolutions dans la gamme de Maquet.

icones anciens produitsIcones nouveaux produits

Existing icons (left) and newly designed icons (right).

2-Refonte de la charte graphique de l’entreprise

Ensuite, la charte de la société évoluant, j’ai mis à jour l’interface d’une tablette tactile utilisée pour contrôler des éclairages de bloc opératoire. La nouvelle charte graphique Getinge Group was based on flat design.

Interface graphique AXONE selon la charte MAQUETInterface graphique AXONE selon la charte GETINGE

Screens before (left) and after (right) the update.

Continuer vers le portfolio “Photography” ou revenir à l’home.