Mise à jour d’interfaces existantes

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.

Un slider permet de visualiser en parallèle les versions avant/après de chaque interface.

2025 – Mise à jour des éléments UI sur WTI – Paragon ID

La société 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.

En résumé,

• 1 produit = une lettre, un picto (bus, passeport, puce, carte à puce) + un code couleur (bleu, rose, vert, orange)
• 1 action = un pictogramme (commande, administration, spécification)
• 1 niveau d’autorisation = un pictogramme (oeil, cahier-crayon)+ une couleur (vert ou rouge).

Planche de pictogrammes mis à jour

Planche finale avec tous les pictogrammes.

Interface mise à jour

Ecran d’administration des outils

Ecran d’administration des ventes

Interface mise à jour, présentant une cohérence dans le design

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 produits Maquet.

pictogrammes existants (à gauche) et pictogrammes des nouveaux produits (à droite).

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 se basait sur le flat design.

Ecrans avant et après mise à jour de la charte graphique

Continuer vers le portfolio « Photo » ou revenir à l’accueil.