Somenews

L’objectif était de faire une mise en page sous forme de newsletter dans laquelle on partage des infos concernant la conférence de Matthias Ott Painting With the Web à Beyond Tellerand. Il fallait rendre ce projet au plus tard le 14 novembre.

Processus de création

Avant tout, il fallait regarder la conférence en entier pour connaitre le sujet, puis rédiger le texte qui répondait aux différentes consignes dans le briefing. Il fallait aussi prendre des captures d’écrans de moments importants de la conférence pour après expliquer ces moments dans le contenu de la newsletter.
Je trouvais que c'était un peu compliqué de suivre cette conférence, d’abord parce que je l’ai regardée en vidéo sur YouTube, et que comme le conférencier parle anglais, j’ai mis la piste audio de la vidéo en français et j’avais la transcription de son discours avec une voix de robot pendant 50 minutes.

Design Figma

Pour le design de ma newsletter, je me suis inspiré de celui du site du conférencier Matthias Ott. J’ai essayé de refaire plus ou moins des mêmes éléments du design que lui, comme par exemple le système de navigation et le style de titre souligné en bleu.

Le début de ma newsletter
Le début de la page web de Matthias Ott
Footer au fond noir et fait de formes rondes avec des sortes de trous dedans. Différents réseaux à gauche et au milieu.

Pour le footer, je me suis aussi inspiré de celui du site de Beyond Tellerand, en créant mes propres formes arrondies.

Polices Utilisées

Chillax

abcde ABCDE

Sentient

abcde ABCDE

Partie Code

PArtie de code dans Visual Studio Code en HTML et CSS. Fond noir et le texte est orange, bleu foncé et clair. Gros titre Avis sur la conférence avec du texte en-dessous. Un texte est empilé sur un autre texte.

C’est le premier projet qu’il fallait mettre en page avec du css. J’ai aussi intégré quelques fonctionnalités en javascript, avec ce qu’on a vu en cours ( back to top). J’ai eu un peu de mal à faire le footer, donc il ne ressemble pas exactement à celui du prototype, mais j’en suis quand même content. Le site a pour l’instant un petit problème de responsive que je n’ai pas encore réglé.

Voir le projet
Redesign Janus