Designer Produit, Graphiste, Artiste
Fenxi and PCB Electronics
Refonte UI - web app client (desktop)
PCB Electronics c'est qui ?
PCB Electronics est une entreprise française majeure dans le domaine des semis conducteurs. Ils disposent d'un MVP pour leurs clients afin qu'ils puissent passer commande depuis leur webapp.
But de la mission :
Refonte UI totale de l'interface actuelle afin d'être cohérent avec le nouveau Design System de l'entreprise.
Après un Benchmark des concurrents ainsi que d'autres entreprises, d'une analyse de fonctionnalités et une bonne compréhension du Design System, les wireframes ont commencé à se poser.
MVP page de connection :
La version MVP de la page de connexion et de la création de compte
Nouvelle page de connection :
Refonte UI de l'interface actuelle avec des animations pour bien séparer les différentes parties à remplir afin de se créer un compte utilisateur.
Ancienne page de demande de devis pour une commande de PCB
-
Menu en haut en horizontal
-
Calculateur en ligne sur le coté droit important pour l'utilisateur afin qu'il puisse simuler son devis
Nouvelle page de demande de devis pour une commande PCB
Il est important de garder tous les champs techniques afin que l'entreprise ait bien toutes les données nécessaires.
Le calculateur en ligne s'active directement et se complète au fur et à mesure du remplissage des différents champs.
But :
-
Changement du menu : un menu déroulant à gauche et rétractable
-
Ajout de la date de livraison approximative
-
Ajout du temps de fabrication des pièces
-
Plus de lisibilité sur le total TTC et HT
-
Des bouttons plus clairs sur les différents niveaux d'actions possible
Une fois le devis crée il se retrouve dans notre historique des devis.
Il est accessible à tout moment
En effet, il est important pour l'utilisateur de retrouver ses devis qu'ils soient commander ou bien encore en brouillon.
Il est nécessaire de pouvoir avoir accès :
-
Au nom du devis
-
À sa date de dernière modification
-
À la référence PCB
-
Au prix total
-
À la TVA
-
La possibilité de le télécharger, de supprimer, de commander ou de recréer une nouvelle demande de devis
Une fois le devis enregistré
-
Il est possible de :
-
Directement passer commande
-
Revenir à notre historique des devis afin de le consulter
-
Le reprendre plus tard
Panier
On retrouve les différents devis que l'on souhaite payer avec un récapitulatif, une date estimée de livraison et un CTA checkout