ReDesign

Le but de ce projet était de créer une version moderne d’un site de location de voitures, en s’inspirant de différents design de sites web qui existent déjà. Le tout devait se rendre dans un prototype Figma. Il fallait le rendre pour le 10 novembre.

Processus de création

Persona et scénario

Pour créer un persona, nous avons discuter en groupe d’un profil d’une personne tout à fait ordinaire. Nous avons donc inventé Romane, 30 ans, prof de math en secondaire et qui a peur des imprévus.

Scénario sur une feuille de papier

Pour le scénario, il fallait lui inventer une journée très médiocre. Pendant cette journée, elle se rendra sur notre site et ayant enfin trouvée ce qu’elle cherchait, passera de la mauvaise humeur à la joie.

Recherche Utilisateur

Pour la recherche utilisateur, j’ai posé quelques questions à 3 - 4 personnes de mon entourage à propos des sites de location de voiture. Les idées qui revenaient le plus étaient que les utilisateurs préfèrent quand il y a beaucoup d’infos sur le site tant que c’est bien organisé. Ils veulent des filtres essentiels (comme la taille de la voiture, le prix). Ce qui compte le plus pour eux est l’assurance et le prix de la voiture. À propos des options supplémentaires, c’est important mais il ne faut pas qu’il y ait de piège comme décocher des options qui seraient déjà cochées. Un tableau comparatif entre les voitures est utile pour faire gagner du temps.

Prototypage papier

Avec le groupe, nous avons créer un prototypage papier pour qu’on nous donne des avis sur celui-ci et qu’on puisse l’améliorer par la suite.

Prototype papier d'un site de voiture. Plusieurs boutons en papier sur une autre feuille A4 à carreaux. Prototype papier d'un site de voiture. Plusieurs boutons en papier sur une autre feuille A4 à carreaux. Prototype papier d'un site de voiture. Plusieurs boutons en papier sur une autre feuille A4 à carreaux. Prototype papier d'un site de voiture. Plusieurs boutons en papier sur une autre feuille A4 à carreaux. Prototype papier d'un site de voiture. Plusieurs boutons en papier sur une autre feuille A4 à carreaux. Prototype papier d'un site de voiture. Plusieurs boutons en papier sur une autre feuille A4 à carreaux.

Le Design

Après ces étapes, je peux passer au design en essayant qu’il ressemble bien au prototype papier. J’ai quand même rajouter des boutons et plus de visuels que sur le prototype pour rendre le site plus complet.
C'était une des permière fois qu'on utilisait Figma pour un travail. J'ai découvert le logiciel un peu plus en profondeur. Par exemple, j'ai mieux compris comment fonctionnait les composants et j'ai pu en intégrer beaucoup.

Polices utilisées:

Satoshi

abcde ABCDE

Sarala

abcde ABCDE

Page de détails du véhicule. 3 options: Normale, intermédiaire et avancé. Fond blanc et boutons avec un fond bleu.
Voir le projet