#01

VPSoft

  • Projet corporate
  • UI Design
  • 2020
visuel vpsoft

Vue d'ensemble
Ce projet porte sur l’optimisation de l’expérience utilisateur et l’évolution visuelle d’une plateforme full SaaS. VPSoft a pour vocation de remonter un ensemble de données extra-financières, les transformer en rapports afin d’assurer le meilleur pilotage stratégique d’une société.

Utilisateurs
Solution destinée aux professionnels de la RSE (Responsabilité Sociétale des Entreprises), GRC (Gouvernance, Gestion des Risques et Conformité), QHSE (Qualité, Hygiène, Sécurité, Environnement), Real Estate (gestion de patrimoine immobilier).

Problème
Comment harmoniser et simplifier les interfaces graphiques tout en conservant un ensemble de fonctionnalités pointues en correspondance aux expertises métiers.

Explorer, découvrir, écouter
Les métiers en lien avec la plateforme ne font pas partie de mes domaines d’expertise. De ce fait, il m’est nécessaire d’être continuellement à l’écoute des besoins utilisateurs et d’être au plus près des usages de ces experts métier. Les évolutions législatives de ces secteurs d’activité sont également à prendre en compte pour une conception durable et innovante.
VP&White intègre dans ses effectifs des experts métiers avec qui nous sommes en étroite collaboration dans la conceptualisation des modèles de données. Ces processus sont renforcés par des ateliers avec les clients pour remonter leurs besoins et avoir des retours d’utilisation.

Caractéristiques principales
Les fonctionnalités sont plurielles et variées. VPsoft intègre principalement :
  • - des tableaux de bord et une gestion d’indicateurs personnalisés,
  • - une gestion documentaire centralisée,
  • - un calendrier regroupant les échéances à venir,
  • - des formulaires de traitement de donnée,
  • - un module d’import et d’export de données,
  • - une fiche d’identité du bâtiment regroupant toutes les informations propre à la gestion immobilière,
  • - des modules spécifiques conçus sur mesure pour répondre aux besoins clients,
  • - Back-office complet de gestion et de configuration.
D’autres modules sont à disposition en fonction des besoins du client.
visuel vpsoft
Processus de conception
  • - Hiérarchisation et organisation de la donnée,
  • - Diagrammes de flux d'utilisateurs,
  • - Zonings,
  • - Wireframes,
  • - Maquettes HD,
  • - Prototypes,
  • - Tests
visuel vpsoft

Design et idéation
Perpétuellement en mouvement, la solution redouble d’innovations au fil des sprints. L’interface graphique poursuit son évolution pour toujours être au plus près des usages des utilisateurs.
J’ai référencé l’ensemble des assets UI puis ai créé une librairie UI unique à toute la solution. Cette librairie m’accompagne tout au long des étapes de création graphique pour assurer une bonne cohérence globale. Elle permet également d’optimiser de façon significative le temps de création.

L’identité graphique du produit a également évolué pour mieux correspondre au produit. Nous allions les notions de vérification de la donnée, de gestion des sites et d’échange collaboratif dans un même logo. Les formes arrondies ainsi que les couleurs soulignent l’aspect sécurisé et novateur. Le tout assure une bonne lisibilité et ne dénote pas à côté d’autres logos.

visuel vpsoft

Montée en puissance d’un Design System
Après le renforcement et l’optimisation de la librairie UI, nous cherchons à uniformiser et généraliser les développements. La plateforme se mue progressivement d’un Design System pour assurer les meilleures optimisations ergonomiques pour le futur.

Retour

#00

Retour à l'accueil

Projet suivant

#02

Carte de vœux