Some News

01/ Concept

Ce projet demandait la conception et mise en ligne d'un site sous forme d'article de newsletter. Comme base de contenu, la conférence de Matthias Ott qui a eu lieu en mai 2025. Ensuite, une rédaction concernant la conférence et son contenu, l'auteur et notre avis était exigée.

02/ Direction Artistique

Typographie

J'ai utilisé une police brute, Tanker, pour les titres afin de marquer les changements de sections. À cela, j'ai additionné une police, Excon, plus ronde et douce de manière à rendre la lecture agréable.

Palette de Couleurs

Je me suis inspiré directement de l'illustration de début de conférence pour trouver ma couleur phare, le rouge, qui me permet de marquer encore plus le changement de sections.

En plus, j'ai opté pour un gris pour le footer et l'header, en dégradé. Pour le fond, j'ai utilisé un blanc cassé. La police reste quant à elle noire.

Hiérarchie Visuelle

J'ai utilisé un rappport hiérarchique de 1,118 avec comme base de texte, 16 pixels. J'ai volontairement poussé les tailles des titres et sous titres pour avoir une distinction très marquée entre les sections.

03/ Mise En Forme

L'alignement du site est vertical en utilisant une variation entre texte et illustration et un texte aligné à gauche. Les titres de sections sont quant à eux à droite, par choix artistique, afin de casser la lecture et d'attirer le regard.

Ce projet est mon premier à utiliser du JavaScript et des animations CSS. Elles restent simples avec comme but de rendre l'expérience plus dynamique.

04/ Résultat

05/ Introspection

Cette conception de site m'a permis de mieux me familiariser avec l'implémentation d'illustations dans un contenu. De plus, j'ai beaucoup appris sur la gestion des "div", de leur taille et de leur responsivité.

J'ai aussi pu mettre en pratique mes premières animations CSS et fonctions Javascript.

Visiter le projet