Sujet 3 :
Agone - Hiérarchisation des textes

Objectifs

Voici les connaissances abordées dans ce cours.

  • Apprendre à hiérarchiser les textes au sein d’un document
  • Utiliser une échelle typographique standard

Mots-clefs

Brief

Dans ce sujet vous travaillerez à la refonte du site web des éditions Agone. Votre design fera la part belle au texte et à sa présentation. Il utilisera peu de couleurs et d’éléments iconographiques – les seuls visuels présents seront les couvertures de livres.

Éléments

Avant de commencer, télécharger le dossier elements qui contient tous les éléments fournis pour ce sujet.

Demande

Vous plancherez au redesign de quatre vues du site :

  1. Accueil
  2. Livre
  3. Collections
  4. Glossaire

Les polices de caractères sont imposées et fournies : ITC Garamond Std et Inter UI. Tout le contenu présenté dans votre maquette devra être issu du site existant (pas de lorem ipsum). N’hésitez pas à réorganiser ce contenu si cela vous paraît approprié.

Il est important que le design de votre site soit consistant d’une vue à l’autre, afin de mettre en place un système graphique cohérent. Pour cela, vous vous appuierez sur une grille de mise en page conventionnelle à 12 colonnes, ainsi que sur l’échelle typographique ci-dessous.

6
8
9
10
11
12
14
16
18
24
30
36
48
60
72
96
120
144
192

Inspiration

Quelques sites aux univers très différents, observez particulièrement la hiérarchisation des textes :

Rendu et notation

Le rendu s’effectuera par mail à l’adresse mayliscours@wearemd.com. Vous trouverez ci-dessous la liste exhaustive des dossiers / fichiers à inclure dans votre rendu. Veillez à respecter la convention de nommage demandée (avec des tirets).

design-thinking-sujet-3-prenom-nom
export
1-accueil.jpg
2-livre.jpg
3-collections.jpg
4-glossaire.jpg
source
site.sketch

Voici les critères de notation pour ce sujet.

/20
/10Organisation rationnelle des contenus et bonne hiérarchisation des textes (utilisation de la grille et de l’échelle typographique)
/8Adéquation de la proposition graphique avec le brief
/2Tous les fichiers demandés fournis, organisés et nommés correctement