Hello ! Je m'appelle Kana, UI/UX designer.
Ma passion est de créer des interfaces  et des expériences digitales agréables, en portant une attention particulière à l’accessibilité numérique.

SFR

UI/UX design

Context

Migration des plusieurs outils vers l’application Comète (outil destiné aux utilisateurs d’administration des ventes pour les clients B2B, intégrant CRM, suivi des clauses, gestion de mise en facturation, transfert des données, etc.)

Audit UI/UX

Au début de la mission, j'ai d'abord réalisé un audit de l'IHM Comète et l'ai évaluée en m'appuyant sur les heuristiques de Bastien et Scapin.
Pour la présentation de l'audit à l'équipe, j'ai élaboré une présentation sur les heuristiques en prenant des exemples tirés de l'application Comète.

User flow & wireframe

Pour le projet Tangram (Transfert des données administratives), j'ai élaboré l'user flow à partir d'un modèle de données, puis réalisé les wireframes. Mes travaux ont permis de clarifier l'expérience de navigation, de la présenter aux utilisateurs finaux et de la partager avec l'équipe.

User flow

Maquettes et prototype

Exemple 1.

Suite à l’ajout des différentes typologies d’avenants dans le clausier, de nombreuses évolutions et améliorations ont été apportées.

Besoins métiers
Obtenir davantage d'évidences sur le lien entre le rattachement des SIREN et des contrats d'application.

Solution proposée
Visualisation de la liste des SIREN et des contrats d'application sur un même écran (affichage côte à côte dans la même étape).

Exemple des améliorations proposées et retenues
- Séparation des différentes étapes à l'aide d'un stepper ;
- Réorganisation des colonnes dans les tableaux des SIREN et des contrats d'application ;
- Affichage des statuts de rattachement des SIREN et des contrats d'application dans chaque tableau ;
- Visualisation des types de rattachement des contrats d'application et possibilité de changer le mode de rattachement ;
- Mise en place d'un quick filter pour les codes de grille tarifaire ;
- Amélioration des boutons d’action et optimisation de leur position, etc.

Exemple 2.

Ajout des nouvelles fonctionnalités pour l'application de gestion des mises en facturation en attente :
- validation de mise en facturation en masse pour celles du même ID contrat;
- visualisation de l'historique des modifications;
- modification des dates de facturations d'abonnement et des services liés aux configurations sources lors d'un déménagement asynchrone.

Prototype pour la modifications des dates

Alimentation du Design System

J’ai enrichi et optimisé le Design System en respectant la charte graphique de SFR Business, afin de garantir la disponibilité de composants adaptés aux besoins de l’application Comète.

Extrait de la bibliothèque de composants

Engie

UI/UX design

L'UI/UX design pour la plateforme intégrant l’optimisation de la performance des assets, l’amélioration de l’efficacité énergétique, un outil de service management pour gérer les techniciens ainsi qu’un portail client.

UI Design & integration

Airstream

Airstream est une startup de logiciels informatiques. J'ai conçu la maquette de son landing page sur Figma et intégré via Webflow.

DESIGN & Intégration

Elite Ceram

Elite Ceram est un fournisseur de matériel dentaire. Ma mission était le UI/UX design et l'intégration (HTML, CSS) pour le développement de GDOS : application de gestion du stock et des commandes.

Design & Intégration

CmonLab (Elite Ceram)

Design interface et intégration pour un laboratoire de prothèse dentaire.

Refonte du Design

BackUp Rural

BackUp Rural est une association qui soutient les populations rurales au Maroc. J’ai participé en tant que Web designer bénévole, au projet de refonte du site web.

Design & Conception

Project MPA

Dans le cadre d'un projet privé, pour une proche en PhD en Éthique appliquée et amatrice de philosophie, j’ai conçu son futur site web.