OFFRE START-UP

Mon rôle : Ux Design / Développement front

Janvier à mai 2017

Equipe : UX Designer, UI Designer, Développeur Front

Fort d’un partenariat de plusieurs années entre l’école des Gobelins et Axa France, volontairement ancré dans un esprit start-up, le programme GAIA a pour ambition d’offrir à une équipe aux talents complémentaires l’opportunité d’intégrer AXA.

La mission : Création d’un site one page portant l’offre Start Up.

Les objectifs:

- Nouveau levier business pour capter la cible startup

- Un positionnement innovant par rapport à la concurrence



User research

Sur les principes du design thinking, nous avons mis en place des ateliers au sein des équipes (digital, marketing et technique de l’assurance) dans une logique de co-création. Ainsi, nous avons identifié la problématique et appréhendé son environnement. Nous avons aussi trouvé un concept qui a permis de résoudre la problématique et conçu l’interface qui incarne ce concept.

Une importance majeure a été accordée à l’étude de terrain (agents axa et cibles start-up) qui offre une compréhension pleine et entière des différentes expériences utilisateurs.

L'expérience utilisateur sur le site actuel axa.fr :

Un exemple de persona né de l'enquête de terrain :

Wireframes

Grâce aux wireframes, nous avons pu confirmer la satisfaction de l'interface utilisateur et les possibilités du site web mais aussi simuler son fonctionnement a priori selon les objectifs de départ.

Nous avons conçu des wireframes laptop dans un premier temps, pour nous adapter au device le plus utilisé par nos utilisateurs. Nous avons ensuite décliné les versions mobile et desktop.



Un exemple de parcours utilisateur d'après la nouvelle arborescence :



Tests utilisateurs et Eye tracking

Les tests utilisateurs ont été intégrés dès la phase de conception. Nous avons testé la structure du site, l’organisation du contenu, les icônes, liens ou boutons d’action. Cela nous a permis de valider des choix de conception sans ajouter de délai à la sortie du site.

Les tests d'eye tracking, réalisés au laboratoire Ergo-Design de l'École des Gobelins, ont donné lieu à des enregistrements vidéos mais également l’enregistrement de la verbalisation des utilisateurs-testeurs durant la tâche. Nous avons donc pu objectiver les zones intéressantes et observer la fluidité d’un parcours.

Les questions a posteriori de la réalisation d’une tâche nous ont permis d’obtenir un grand nombre d’explications sur les comportements, les choix, la compréhension ou non. Elles permettent de savoir clairement tout ce qui a participé à l’expérience utilisateur, et ce qui pourrait être amélioré pour la satisfaire davantage.

UI & Développement

Le challenge côté UI était de créer un univers familier pour les utilisateurs, les start-uppers, tout en l'intégrant à la charte graphique d'AXA France. Un design épuré et l'utilisation de pictogrammes et d'illustrations a donc été privilégié. Des couleurs bien distinctes ont été choisies pour chaque univers, étape de l'évolution d'une start-up.

Côté développement, je me suis chargée de coder l'ensemble du site en HTML5 / SASS et Jquery. L'interface est responsive du mobile au desktop.