Contexte

Ip-label est une entreprise spécialisée dans la performance des environnements intranet et extranet de leurs clients. Intervenant en tant qu’UX/UI designer, je suis responsable de la conception des produits ekara et ekara on call et de la gestion du design système tout en étant rattaché à l’équipe produit composée.
-d’une cheffe de projet
-d’un product owner
-d’un designer UI/UX (moi)
-d’un responsable produit

Application ekara web

C’est quoi ekara web ?

Ekara est l’outil de supervision des environnements clients intranet et extranet. Il permet de superviser 100% des applications existantes (web, mobile, métiers, clients lourds, Citrix, vocales…) cliquez ici pour en savoir plus.

Planning poker

La solution ekara web est une solution en constante évolution suite à des demandes d’évolutions en lien avec des avis et retours clients de l’équipe CST(customer success team). Il arrive que ces demandes d’évolutions apparaissent dans un planning poker.

En effet le planning poker est une réunion quotidienne du Mardi pour échanger et estimer les tickets présents pendant le sprint dans un environnement agile. En tant que designer ui/ux, mon rôle est de présenter les demandes d’évolutions visuelles (maquettes) pendant le planning poker.

Évolution du design system

Après chaque proposition de maquette validée durant le planning poker. Celle-ci doit être mise à jour dans le design system visible ci-dessous.

Revue de l’accessibilité

Plus que jamais l’accessibilité est devenue indispensable dans la conception d’un produit digital. C’est pourquoi, j’ai été chargé de travailler sur l’accessibilité des interfaces du produit ekara web sur la partie analyse. Pour résoudre cette problématique, j’ai utilisé l’application web adobe contrast checker.

Il m’a permis d’identifier les problèmes d’accessibilité pour les contrastes de couleurs.

Présentation de quelques écrans

L’idée est de présenter quelques écrans pour vous donner une idée de ma créativité et de l’univers visuel d’ekara web. Il faut savoir qu’ekara web est une application web qui existe depuis plusieurs années avec un bon nombre de prototypes et maquettes par catégories.

Conception du dark mode

La Conception du dark mode est un projet de très longue durée. Après la mise à jour de l’accessibilité, j’ai conçu les maquettes en dark mode. Le dark mode est une conception très répandue, et même incontournable selon les contextes d’entreprises.

Application mobile ekara on call

Comment pourrions-nous adapter ekara web pour mobile ?

L’objectif est de permettre aux clients de pouvoir accéder à l’état de leurs environnements en temps réel rapidement. Pour répondre à cette problématique, il faut avant tout prendre du recul et trouvez des sources d’inspirations.

Le service utilisé pour l’inspiration visuelle est Dribbble. Il permet aux concepteurs de partager leurs réalisations en ligne.
On s’inspire, on ne copie pas.

Le produit étant déjà existant, pas de réel besoin de faire un benchmark.

Wireframes

La conception des wireframes permet d’avoir une idée des composants et des zones de sélections.

Prototypes

Template de documentation Confluence

Il faut savoir que le produit ekara ne s’apprend pas tout seul. Pour répondre à ce besoin, j’ai conçu une documentation PDF en HTML et CSS via confluence.

Outils utilisés et conclusion

adobe xd, photshop, illustrator, jira, confluence

Une expérience utile qui m’a permis de m’organiser et d’avoir de la prise d’initiative via des améliorations sur le design système. Mon passage dans cette entreprise fut fructueux par mon implication et à permis de générer des chiffres positifs.