Re:Design

01/ Concept

Ce projet, perçu comme un challenge, avait pour but de se renseigner et d'analyser l'environnement numérique qui englobe le marché de la location de voitures. Ensuite, après avoir chosi un site référence pour la documentation, il était demandé de développer une verion moderne et dynamique, tout en répondant aux usages actuels et tendances esthétiques.

Le site a été développé à l'aide de Figma et est publié sous forme de prototype dans l'application.

02/ Direction Artistique

Typographie

J'ai utilisé une police simple afin de me concentrer sur l'expérience UX/UI. Mon choix s'est porté sur Roboto Condensed que ce soit pour les titres ou les textes.

Aa

Aa

Titre

Texte

Palette de Couleurs

J'ai opté pour une palettes autour du vert "sapin" en vue de symboliser une image "luxe". Le police est elle-même issu du vert foncé.

Le fond est blanc auquel j'ai additioné un gris pour faire ressortir les composants.

#FFFFFF

#D9D6D2

#77A67D

#556657

#1C261D

Hiérarchie Visuelle

J'ai utilisé un rappport hiérarchique de 1,236 avec comme base de texte, 16 pixels. Le but ici était de pouvoir marqué une différence entre les titres et les textes, sans exagérer.

03/ Mise En Forme

Je suis parti sur une grille à 7 colonnes avec un alignement à gauche des textes, qui restent courts avec une faible longueur de ligne. Le site n'est pas responsive car le but n'était axé là-dessus.

L'écriture est restée sur un ton professionnel et commercial.

04/ Résultat

  • Home page du projet
  • Les car cases
  • Le page spécifique à la voiture

05/ Introspection

Ce projet m'a permis de me familiariser avec l'utilisation de Figma et les bonnes pratiques du design UI/UX. Je me suis rendu compte que j'avais plus de mal lors de la conception d'un prototype, d'un site "fixe", à cause du rendu abstrait de celui-ci.

Mes Projets