Projet Janus
01/ Concept
L'objectif de ce travail était de concevoir un site multi-pages inspiré de l'univers de l'influenceur Jesse Showalter, expert en design UI/UX. Le site comprend quatre pages principales. Une page promotionnelle et une factuelle qui servent de vitrine et d'analyse de son travail. Avec ceci, une page critique, comprenant une direction artistique opposée, qui explore les aspects problèmatiques de Jesse. Finalement, une page reprenant mon avis personnel sur l'influenceur.
02/ Direction Artistique
Typographie
J'ai choisi d'utilisé une police directement issue de son univers; Instrument. Cette police est minimaliste, elle est donc utilisé en variant avec l'option serif pour les titres et sans-serif pour le texte.
Aa
Aa
Titre
Texte
Palette de Couleurs
L'univers de Jesse s'articule autour d'une palette de couleurs monochrome tournant autour du gris, blanc et noir. Les seules touches de couleurs différentes vont être utilisées par les images et illustrations.
#fff
#000
#2A2A2A
#6E6E6E
#F1E9E9
Hiérarchie Visuelle
J'ai utilisé un rappport hiérarchique de 1,067 avec comme base de texte, 20 pixels. Ceci permet de rester doux entre les différents rapports.
03/ Mise En Forme
J'ai choisi de rester dans un ton d'écriture qui m'est représentatif afin de faire la distinction entre l'univers de Jesse et le mien. Pour les animations, j'ai opté pour des animations simples et subtiles plutôt que complexe. Elles permettent de guider l'oeil sans le distraire. De plus, elles rendent l'interface plus dynamique et moderne.
Le site est aligné verticalement, au centre, en vue de rester dans un démarche minimaliste, cher à Jesse. La longueur de ligne s'exprime aussi dans cette vision. Le parcours visuel est donc simplifié pour mettre l'accent sur le contenu.
04/ Résultat
05/ Introspection
Il fut assez difficile pour moi de me mettre à la conception de ce site. Toute la partie écriture a été vite mais une fois au design, c'était plus compliqué. J'avais un sentiment de plagiat constant.
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