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.
Maquettes du formulaire d'inscription
Les maquettes ci-dessous représentent le design définitif du formulaire d’inscription avec les différentes étapes et variantes en fonction des réponses données par l’utilisateur.
Format Desktop
Format Mobile
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
