Un parcours utilisateur innovant et en conformité avec les usages standards de l'impression 3D

Jeune start-up évoluant dans le monde de l’impression 3D ou l’AM (Additive Manufacturing) Handddle a pour vocation d’industrialiser les usages en proposant une solution globale :
- hardware avec la création d’une Smart Farm, parc usiné enveloppant plusieurs modules (imprimantes 3D, stockage de matière 1ère et post-production).
- software via une plateforme SaaS accessible par simple navigateur web (RWA) qui va servir à piloter la Smart Farm et initier les usages. En outre l’utilisateur aura la possibilité de créer des processus de fabrication lié à un usage et de pouvoir les archiver ou les partager via son espace de gestion dédié.

entreprise
Handddle - Startup
Data engineering
durée
12 semaines
discipline
UX/UI Design
Ergonomie
Direction Artistique
soft
Figma
After Effect
Illustrator
Photoshop

Mission

  • Audit ergonomique de la Landing Page
  • Réalisation du parcours de création de process Job
  • Refonte ergonomique et graphique de l'application existante
  • Motion design

Problématique

Identifier les typologies d'utilisateur. Recueillir et mapper les standards d'un Process Job. Proposer un parcours commun, libre et hétéroclite.

Solutions

Créer un parcours utilisateur innovant et conforme à destination des usagers professionnels de l'impression 3D.

L'approche

Lean UX, échanges quotidiens avec les parties prenantes et itérations en continu.

01 Découvrir et s'acculturer

Appropriation de l'univers de la startup par des entretiens réguliers et des recherches secondaires puis mise en place d'un spectre Kapferer pour définir son positionnement. Découverte de l'application SaaS existante et mapping du workflow standard d'un opérateur d'impression 3D via un atelier.

positionnement, état des lieux et objectifs
Échanges quotidiens, spectre Kapferer, la plateforme SaaS existante
recherche sur les usages
Recueil et cartographie des usages standards
work flow du process job
Mapping des actions du Process Job
Voir les détails des recherches et du work flow

02 cartographier les attentes

Maintenant que les premières recherches sont formalisées, je réalise les flows pour comprendre comment va s'insérer le module dans l'application existante et comment s'y connecter.

Architecture de l'information
Insertion des modules au sein de l'application
Mapping : Task flow et User flow
Cartographie des attentes métiers, innovation
Voir les détails des flows utilisateurs

03 wireframes, direction artistique

Dans une démarche participative, plusieurs wireframes ont été réalisé, d'abord sur papier puis sur écran.

Wireframes séquentiels de l'espace Process Job Builder
Zoom sur le Process Job Builder

Déclinaison de la Direction artistique sur les wireframes retenus : illustrations, icônes, spacing, choix chromatique et typographique. Réalisation des maquettes graphiques.

Illustration des 3 grandes étapes de l'AM
Chromatique, typographie, icônes…
Vue des volets du Process Job
Vue d'une séquence de cards permettant la réalisation d'un Process Job
Vue de l'espace Manager
Vue de la pop-in de lancement en production

04 déclinaison Ui, livrables

Déclinaison du design UX/UI sur le reste de l'application SaaS existante. Rendu des différents livrables à destination des équipes de développement. Réalisation d'une animation à destination de la Landing page afin de valoriser le Process Job Builder dont j'ai eu à charge en début de mission.

Déclinaison ux/UI
Déclinaison du travail réalisé en amont sur l'ensemble de l'application existante
Motion design
Réalisation d'une animation/motion à destination de la Landing page
UI kit
Rendu des livrables : Design System, maquettes, illustrations, fonts
déclinaison ux/ui

Réalisation de la catégorie Parc : création du jumeau numérique de la solution hardware et de la partie configuration (réglage température et humidité, contrôle et monitoring via un Datepicker).

Réalisation UX/UI de la partie Parc de l'application existante (viewer, monitoring, states, ...)
Réalisations  UX/UI de la vue Gantt , son ordonnancement et les vues Process associées
motion design

Réalisation d'une motion design à destination de la Landing page avec pour objectif de valoriser le Process Job et d'en comprendre rapidement les usages dans le monde de l'AM 2.0.

ui kit / design system

Remise des maquettes UX/UI avec en prime une librairie de composants et d'icônes à destination des développeurs.

Réalisations d'un Design System

Découvrir d'autres projets