Contexte

La start-up Antiopea m'a contacté pour les accompagner sur le design de leur application web SaaS. Celle-ci propose aux entreprises une suite d'outils en ligne pour échanger des informations et des documents confidentiels de manière parfaitement sécurisée avec la technologie de la Blockchain

Services

Ux design
Ui Design
Product Design
Direction artistique

Délivrables

Application web
Site internet
Direction artistique
Illustrations

Outils & logiciels

Sketch / Figma
Invision
Atomic Design system
Zeplin
After effect

Domaines

Sécurité informatique
Blockchain
Réseau social professionnel

Un réseau professionnel sécurisé

L'application Antiopea se comporte comme un réseau social professionnel interne à l'entreprise. Les collaborateurs peuvent échanger des mails, des messages instantanés, des documents et des signatures au sein de la même plateforme, et de façon sécurisée.

Design d'interface
User flow chart

Design de l'expérience utilisateur

Pour avoir une expérience utilisateur optimale, il est primordiale de connaître et comprendre les besoins des utilisateurs. Pour cela, j'étudie les personae (profil type d'utilisateur) et m'assure du bien fondé de chacune des fonctionnalités de la plateforme. Je les hiérarchise par ordre d'importante et de fréquence d'utilisation. J'élabore ensuite des parcours utilisateurs, pour en dégager une arborescence et un agencement de page efficace.

Design du prototype

Avec une connaissance précise des besoins utilisateurs et des parcours qui en découlent, je design le premier prototype sur Invision avec des wireframes (maquette basse résolution). Ce prototype permet de visualiser, approfondir, et corriger les premières propositions d'interface. C'est une base utile pour recueillir les avis des différents corps de métier, et des utilisateurs.

Wireframe

Design d'interface utilisateur

En intégrant les retours du prototype, je design l'interface et y apporte la couche graphique et la direction artistique. Chaque élément graphique et animation est travaillé avec soin pour guider et faciliter le parcours de l'utilisateur. Je répertorie chaque élément d'interface dans une bibliothèque réutilisable (Design System) et la transmet aux développeurs avec Zeplin.

Design d'animation et d'interaction

Chaque animation entre l'utilisateur et l'interface est designé, afin que l'interaction soit la plus fluide et naturelle possible

Design du menu
Design d'interaction
Animation d'interface

Création du site internet

Après le design de l'application Antiopea, j'ai réalisé le site internet de la start-up sur WordPress pour leur permettre de présenter et d'expliquer leur solution aux clients potentiels