Vigie Terrain

Refonte complète de l'interface de Vigie Terrain, une application mobile de relevés terrain.
Webdesign : Fluffy Agency
Écrans mobile de l'application Vigie Terrain : page d'accueil de la boîte à outil et clavier pour entrer code EAN. Light et dark mode.
Écrans mobile de l'application Vigie Terrain : scan produit et page d'accueil de la boîte à outil

Vigie Terrain : refonte UX/UI d'une application mobile de relevés en mode clair et sombre

Refondre le design d’une application existante, c’est un exercice d’équilibre. Il faut moderniser l’interface, améliorer ce qui ne fonctionne pas, sans pour autant perdre les utilisateurs qui connaissent déjà l’outil.

Nous sommes intervenus sur la conception / ( pour User Experience, l’expérience globale de l’utilisateur, et pour User Interface, le design visuel de l’interface) en partant de la charte graphique existante. L’objectif n’était pas de tout repenser, mais de rendre l’interface plus claire, plus lisible et plus fluide, sans trahir l’identité du produit.

Des parcours repensés pour les conditions du terrain

Chaque écran de l’application a été revu avec une question centrale : est-ce qu’un utilisateur sur un petit écran, comprend immédiatement ce qu’il doit faire ?

Les parcours principaux ont été simplifiés et fluidifiés : ajout de relevés, scan, validation, suivi. Chaque étape a une logique claire, sans friction, sans hésitation possible. Une attention particulière a été portée aux contrastes et à la lisibilité, deux critères directement liés aux standards (Web Content Accessibility Guidelines, les règles internationales d’accessibilité numérique) qui définissent ce qu’est une interface réellement inclusive.

Divers écran du parcours du logiciel Vigie Terrain, mode clair et sombre

Le mode clair et sombre : deux modes, une seule cohérence

L’application a été déclinée en mode clair et mode sombre. Ce n’est pas qu’une question d’esthétique : en conditions de faible luminosité ou en plein soleil, le bon mode peut faire une vraie différence sur la lisibilité et la fatigue visuelle.

Les deux versions ont été conçues en parallèle, avec le même niveau d’exigence sur les contrastes et la hiérarchie visuelle. Le résultat est une interface cohérente quelle que soit la préférence de l’utilisateur ou les contraintes de son environnement de travail.

Ce projet vous a plu ?

Paramètres d’accessibilité
Typographie
Taille de police
Contraste
Animations