Vendre différement de la monétique

Refonte du parcours utilisateur du site de vente pour un acteur de la monétique, avec valorisation de l'identité graphique

DESTINATAIRE

NEOSYSTEM

NeoSystems

MAI 2020

Chronologie

4 semaines

Mon Rôle

Direction artistique, recherches, conception atelier, suivi de projet, UI/UX, prototypage, maquettes..

LivrableS

Atelier d'idéation, Benchmark, parcours utilisateur, prototype fonctionnel, maquettes XD..

Neosystems est un des grands acteurs du marché très fermé de la monétique en France. Il propose des solutions de paiement à destination des particuliers, et des sociétés afin de procéder à la mise en place d'un dispositif complet clé en main pour commencer à vendre.

Ce marché étant très technique et fonctionnant sur le relationnel, il a donc existé peu de concurrence sur le marché ces dernières années. Cependant, au vu du développement de la pratique, il est devenu important pour Neosystems de développer ses canaux de communication primaire comme le site internet, servant de moyen de prospection.

Monétique

La monétique désigne l'ensemble des traitements électroniques, informatiques et télématiques nécessaires à la gestion de cartes bancaires ainsi que des transactions associées.

Source : Wikipédia

PROBLÉMATIQUE

Quel parcours utilisateur créer, afin de correspondre au nouveau positionnement de NeoSystems ?

SOLUTION

Générer de nouveaux visages aux personnages présent dans un tableau et y créer une scénographie immersive de l’œuvre

Maquette Adobe XD de la page "Accueil" pour NeoSystems.
1.

REFONTE DU PARCOURS UTILISATEUR

La refonte du parcours utilisateur est la modification primaire sur ce projet confié par NeoSystems. Le nouveau site devait pouvoir répondre aux besoins des futurs prospects, de façon précise. Chose que ne faisait pas l'ancien site, qui était généraliste et ne prenait pas en compte les besoins des futurs clients potentiels.

Essayer le prototype en ligne
2.

RAFRAÎCHIR l'image de marque

Un des seconds objectifs était de bonifier une direction artistique maladroite afin de la rendre plus moderne et professionnelle aux yeux des utilisateurs. Il était donc important de partir sur des bases existantes et les retravailler pour en sortir une identité propre à NeoSystems face à la concurrence.

Maquette Adobe XD de la page "Nos services" pour NeoSystems.
3.

reDéfinir le positionnement

Un atelier de tri de carte à permis de répondre à une problématique du client, qui était de redéfinir clairement son nouveau positionnement sur le marché. Ainsi, cela a aboutit sur une structure claire et cohérente tant sur le discours apporté sur le site, mais également sur la façon de communiquer.

4.

Spécificités techniques

Le projet était entouré de spécificités techniques, tel que la réalisation d'un site vitrine étant fixe et ne demandant pas d'actualisation régulière. Le challenge étant également de trouver sur quels points communiquer au sein du contenu des pages en fonction des ambitions et des projets de la marque.

Le laboratoire

Analyse, technique, recherches, essais...

DURÉE DE LECTURE

≈ 10 MINUTES

le rôle du designer sur le projet neosystems

Le site de Neosystems avant refonte présentait de nombreuses lacunes causé par un site utilisant des techniques anciennes du web, sans intégration de designer dans la phase de production et de suivi et enfin des maladresses dans la communication et le marketing.

Il était donc important de travailler sur les points suivants :
- Refonte d'un parcours utilisateurs adapté
- Rafraîchissement d'identité graphique
- Positionnement et objectif marketing clair
- Une offre clair et une communication établit

Captures d'écrans du site de NeoSystems avant refonte. (Page accueil, service et contact)

BENCHMARK

Dans une démarche UX, il était important de faire un tour d'horizon des concurrents en analysant leur façon de communiquer autour de la monétique. La spécificité de ce sujet, c'est qu'il peut devenir très vite complexe et touche le plus souvent des personnes qui n'y connaissent rien au sujet. Cela concerne généralement une cible d'entrepreneur qui ouvre leur commerce et a besoin d'un moyen de réceptionner les payements. Mais également d'une autre part de grande entreprise qui savent parfaitement la solution quelle recherche, et souhaite échanger directement sur des gros volumes et des options particulières.

SYNALCOM, MONEY30, JDC et KIMOCE

Une étude sur le parcours utilisateur des autres concurrents à été faite afin d'en savoir d'avantage sur la façon de présenter les différents produits et service, et ainsi connaître la cible visée.

PARCOURS UTILISATEUR NEOSYSTEMS

Un des premiers objectifs de la refonte de NeoSystems consiste en la refonte d'un parcours utilisateur adapté au profil type des futurs prospects visés. Cela permet de synthétiser le contenu et de l'adapter aux besoins. Un atelier participatif de tri de carte a été mis en place afin de mettre le client au cœur du processus de réflexion.

sitemap de neosystems INITIAL

Sitemap initial de NeoSystems avant l'atelier.

sitemap de neosystems APRès l'atelier

La mise en place d'un atelier de tri de carte à permis de rentrer le client dans le processus de réflexion, et ainsi de concevoir avec lui le parcours utilisateur pour les futurs prospects. Cela a également servi pour faire le point sur le repositionnement.

Après l'atelier, pu mettre en synthèse sous forme d'un sitemap le nouveau parcours utilisateur souhaité afin de servir de ligne directrice à l'ensemble du projet. Par la même occasion un benchmark des fonctionnalités a été fait afin de trouver des outils pour communiquer au mieux autour de ce sujet complexe.

Voir le nouveau sitemap

PROTOTYPAGE

MAQUETTES FONCTIONNELLES

Après l'essai de nombreux wireframe sur papier, j'ai pu mettre en place des maquettes fonctionnelles à l'aide d'Adobe XD pour les soumettre au client par la suite. L'objectif étant de construire des pages de ventes avec de nombreux "call to action" pour prendre contact avec l'entreprise pour un devis.

Extrait vidéo des animations et interactions au scroll de la page. Prototypage conçu sous Adobe XD.

Explorer d'autres travaux

Revenir en haut