Capture d'écran du site web de mon projet Janus. Retour à l'accueil L’objectif de ce projet est de réaliser plusieurs pages (factuelle, promotionnelle, critique, mon opinion personnelle et une page de ressources) sur un.e influenceur.se aux choix parmi une liste donnée. Mon choix s’est porté sur Jen Simmons, une web designeuse et développeuse qui a énormément popularisé les CSS grids.

Janus

Acceder au site

Inspirations

  • Mise en page réalisée par Jen Simmons
  • Mise en page réalisée par Jen Simmons
  • Exemple de mise en page dans le style du constructivisme russe
  • Exemple de mise en page dans le style du constructivisme russe
  • Exemple de mise en page dans le style du constructivisme russe
  • Mise en page réalisée par Jen Simmons
  • Composition en Rouge, Jaune, Bleu et Noir - Piet Mondrian
  • Mise en page réalisée par Jen Simmons. Un texte qui suit la forme d'une grappe de raisin
  • Mise en page réalisée par Jen Simmons s'inspirant de Jan Tschichold
  • Font utilisée pour le corps de mon texte
  • Font utilisée pour mes titres

Difficultés rencontrées

Concernant la direction artistique, j’ai décidé de repartir sur la palette de couleur du site web de Jen Simmons et je me suis inspirée majoritairment du constructivisme russe, courant artistique que l’on retrouve énormément dans ses travaux.

La difficulté principale du côté du design est que ce courant artistique s'éloigne fortement de ce que nous avons l’habitude de travailler en cours. Il ne se base pas sur un design en colonne. Le constructivisme se définit comme ceci Le constructivisme se concentre sur la composition géométrique rigoureuse et est par conséquent non figuratif. Il associe des formes géométriques simples, de type cercles ou triangles, pour créer des structures squelettiques en trois dimensions Constructivisme russe - Wikipedia

Au lieu de partir sur un design en colonne, je suis donc partie sur un design à base de forme géographique simple tel que des lignes, des carrés ou bien des cercles. J’ai essayé de garder ce côté “déstructuré” du constructivisme tout en essayant de garder une cohérence visuelle afin que ce soit accessible aux lecteurs.

Pour le code, ce design constructiviste m’a posé bien des soucis. La plus grande difficulté dans ce projet est la quantité de code que j’ai dû produire. Les mises en page ne se ressemblent que très peu, chaque page me donnait l’impression de reprendre le projet zéro à quelques détails près.