Vates - Logo w_ name.png
Vates - XOLite v1.0.png

UX/UI Design de l'interface open-source XOLite

Le Projet
  • Création de l'expérience utilisateur·rice de l'interface de gestion d'infrastructure open-source XOLite.

  • Création d'un dashboard dédié au management d'un pool de serveurs et leurs machines virtuelles associées.

  • Light et Dark mode.

Les outils
figma.png
adobe photoshop.png
logo typeform.png
Mon rôle
UX/UI Designer
  • Recherche utilisateur·rice et validation des personas

  • Création des parcours utilisateur·rices et prototypage interactif

  • Visual design

  • Tests utilisateur·rices

Depuis Novembre 2021.

Les langues
Les thèmes

Interface logiciel, Virtualisation de l'Infrastructure, Open-Source, Monde.

  • Français

  • Anglais

Les étapes clés du projet

Validation des personas
  • Analyse des données existantes : sondages, retours utilisateur·rices sur les différents forums​

  • Création et mise en page d'un sondage sur Typeform pour réévaluer le profil des utilisateur·rices, open-source comme payants

  • À partir des données collectées, analyse et création des personas

Une attention est en particulier portée sur l'inclusivité et l'accessibilité.

Vates - typeform 3.png
Vates - typeform 2.png
Cartographie des fonctionnalités de XOLite
  • Création d'une cartographie des différentes fonctionnalités prévues dans l'interface en 2022.

  • Organisation de ces fonctionnalités dans les différentes pages et menus.

Une attention est en particulier portée sur le parcours utilisateur pour que chaque action ou information soit facile à trouver pour l'utilisteur·rice.

Vates - XOLite Features Map v1.6.png
Prototypage low-fidelity

Prototypage des fonctionnalités de la v1 :

  • Login

  • Menus et vue en arborescence

  • Dashboard du pool

  • Console d'une machine virtuelle

  • Dark mode

Une attention est en particulier portée sur la création d'un parcours utilisateur·rice qui se suffit à lui-même mais qui nous permettra de facilement intégrer les fonctionnalités futures.

Vates - proto 1.png
Visual design
  • Création de la palette de couleurs light et dark mode

  • Choix des polices et formes de l'interface

  • Prototypage high-fidelity

  • Création des cas particuliers : pas données, erreurs et 404

Une attention est en particulier portée sur l'accessibilité et la mise en place des light et dark mode pour que l'ajout de nouvelles fonctionnalités soient facilement intégrables.

Vates - XOLite v1.0
XOLite - 404 default v1.6_light
XOLite - 404 default v1.6_dark
XOLite - Login v1.6_light
XOLite - Login v1.6_dark
XOLite - VM active v1.6_light
XOLite - VM active v1.6_dark
XOLite - VM inactive v1.6_light
XOLite - VM inactive v1.6_dark
XOLite - Host default v1.6_light
XOLite - Host default v1.6_dark
XOLite - Dashboard no data v1.6_light-1
XOLite - Dashboard no data v1.6_dark-1
XOLite - Dashboard no data v1.6_light
XOLite - Dashboard no data v1.6_dark
XOLite - Dashboard full v1.6_light
XOLite - Dashboard full v1.6_dark
XOLite - Dashboard default v1.6_light
XOLite - Dashboard default v1.6_dark
Vates - XOLite 2.png
Prochaines étapes...
  • Tests utilisateur·rices

  • UX/UI Design du parcours de création d'une machine virtuelle

  • Et bien d'autres !

5% pour le futur

Je reverse 5% du chiffre d'affaires de mes projets client·es comme ceux de Vates à des acteur·rices du changement. Iels sont engagé·es pour plus de justice écologique et sociale, principalement en France.

Nous travaillons avec Vates sur différents projets sur le long terme, aussi j'effectue un versement tous les 4 mois aux Restos du Coeur.

Illustration d'une femme présentant son portfolio.

Vous souhaitez découvrir d'autres projets ?