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
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
-
Hello World
Mon premier projet synonyme de permiers pas dans le monde du numérique; de la gestion d'un nom de domaine en passant par la hiérarchie visuelle.
En savoir plus -
Re:Design
En s'inspirant d'un site de location de voitures et avec Figma, ce projet avait pour but de l'actualiser et de le rendre plus moderne.
En savoir plus -
Some News
Conception et mise en ligne d'un article de newsletter. Ce projet m'a permis de mieux maitriser la navigation interne et la hiérarchie visuelle tout en analysant une conférence de Matthias Ott.
En savoir plus -
CodeKit
Développement d'une série de composants d'interface en HTML, CSS et JS qui me serviront de base pour l'avenir. Ce projet, comprenant une branche animation, est publié sur Github.
En savoir plus -
Projet Janus
Un site inspiré de l'univers numérique de Jesse Showalter où j'y fais la promotion de l'influenceur mais aussi l'analyse et la critique.
En savoir plus