Autre projet

Redesign

Redesign

Redesign

affiche de l'agence

Redesign?

Un prototype qui joue sur l’accessibilité dans uns site de vouture en passant par le design.

Le processus de création

Création d’une persona

Gérard, un homme de 41 ans qui a 3 enfants et une femme insupportable. Il est conducteur d’engin de chantier.

une photo du storyboard de l'histoire de Gérard

Ensuite, nous avons créé un récit en storyboard dans lequel il devait effectuer une réservation pour nous permettre de réfléchir aux différents problèmes d'accessibilité d'un site.

Le prototype papier

photo du prototype papier de notre FAQ photo du prototype papier de motre page d'accueil photo du prototype papier de notre formulaire de reservation photo du prototype papier de notre catalogue

Ensuite, nous avons créé un prototype papier d'un site qui serait idéal pour nous.

Prototype Figma

J'ai opté pour la version desktop. Je me suis inspiré du fonctionnement du site web « SIXT ».

J'ai commencé à disposer mes différents éléments en les organisant dans des nuances de gris, sans animation. Au fur et à mesure, j'ajoutais mon texte que je écrivais progressivement.

Puis viennent le choix de mes couleurs de ma maquette qui passent du violet au rose, puis au vert, pour finalement arriver au marron et au bleu.

capture d'ecran d'un champ utilisateur

La dernière chose que j'ai faite, c'est de réaliser toutes les animations de mes divers éléments pour les champs où les utilisateurs peuvent écrire. J'ai dû regarder un tutoriel YouTube pour y parvenir.

La rédaction

J'ai visité plusieurs sites afin de recueillir les informations qui revenaient fréquemment.

Par la suite, j'ai sollicité Gemini pour obtenir toutes les informations utiles, comme les assurances et les prix selon divers véhicules et etc., afin de rendre ma maquette la plus crédible que possible.

Le design

capture d'écran de mon design du projet

Les polices utilisées

Gupter

Pour le corps de texte

Nous proposons nos tarifs au plus bas niveau possible.

IM Fell English

Pour les sous-titres

Notre mission

Italianate

Pour les titres

A propos de vous

Rapport hierarchique

16px

Pour le corps de texte

33px

Pour les sous-titre

57px

Pour les titres

Voir le projet