Design UX / UI d’un formulaire à plusieurs étapes et restructuration du site d’une société de récupération de points

Activité du client :

Proposition de stages de récupération de points de permis

Profil du client :

TPE

Type de projet :

UX / UI Design

J'interviens en tant que :

UX / UI Designer

Durée de ma mission :

5 jours

Brief du projet

La société Récupération-points m’a contacté pour concevoir, designer et prototyper le formulaire d’inscription de leur site internet. Ce formulaire doit permettre aux utilisateurs de renseigner leurs informations personnelles, les données de leurs permis de conduire et de payer l’inscription en ligne, ce qui fait beaucoup d’éléments pour un formulaire. J’ai donc proposé un formulaire multi-étapes. Pour la conception et le design du formulaire je dois respecter la charte graphique utilisée pour la maquette de la page d’accueil qui avait été réalisée en amont par un autre designer.

En voyant la maquette de la page d’accueil, j’ai remarqué que le site manquait d’organisation et de cohérence dans la hiérarchie des différentes pages. J’ai alors proposé dans un premier temps de réorganiser le contenu du site par le biais d’une nouvelle arborescence et d’un nouveau design pour le header (haut de page et menu) du site.

Les étapes du projet

Restructuration du site

Aperçu de l'ancien site

Comme le montre la capture d’écran ci-dessous, l’ancien site manque d’organisation. 

Nouveau header avec la nouvelle arborescence

Voici la maquette du nouveau header que j’ai réalisé après avoir travaillé sur la nouvelle arborescence (hiérarchie des pages) du site.

Wireframes du formulaire d'inscription

La réalisation des wireframes représentent l’étape de conception du formulaire. Avec de simples schémas j’ai défini les zones et éléments présents sur la page d’inscription pour les différentes étapes du formulaire.

Prototype du formulaire d'inscription

Voici le prototype que j’ai livré à la société d’organisation de stages de récupération de points de permis.

Accédez au prototype puis cliquez sur le bouton “S’INSCRIRE” pour commencer.

L'avis du client

Vous souhaitez un devis pour votre projet web ?

C'est gratuit !