Il ne s’agira plus ici de faire un site à l’arborescence fermée, mais de construire un outil destiné à une administration continue. Une séparation de rôles apparait : là où une seule personne produisait le contenu, créait le graphisme et codait le html, nous aurons affaire à des personnes différentes pour ces rôles.
Votre part sera celle du graphisme. Il s’agit de rafraichir un site existant, celui de l’esa lui-même. Au passage, il faudra changer la priorité de certaines informations et intégrer quelques technologies plus récentes (les galeries par exemple). On ne changera pas le menu principal et secondaire.
Penser par templates, pas des pages
Ce nouvel exercice nous fera entrer dans le monde des cms, qui pense par templates et non par page. Le travail consistera donc à :
Analyse
Identifier les éléments à mettre en page
Identifier les templates nécessaires
Production
Proposer une identité graphique nouvelle
La décliner sur les différents templates
Liste de templates
La proposition finale est un série de templates homogènes graphiquement. Voici ce qu’il devront comporter et leur liste.
Dans toutes les pages on trouvera
le logo de l’esa
le menu principal (actuellement 9 éléments)
un menu secondaire (actuellement une dizaine d’éléments, mais probablement moins à l’avenir)
un lien vers les valves étudiants
Les templates à produire sont les suivants
un template de page de texte avec sous-menu et une sidebar (information liées au contenu de la page, menant vers d’autres contenus pertinents)
un template de page d’entrée des galeries
un template de galerie
la page d’entrée. Celle-ci est souvent dessinée à la fin, car elle ramasse les contenus provenant de l’ensemble du site et est plus complexe visuellement.
Penser "liquide"
Une page type est différente d’un page html standard parce que son contenu est variable en quantité : chacun des éléments (titre, texte, image) peut être variable en longueur et/ou quantité. Un titre peut être "Bof" ou "Perméabilité instable des élucubrations déontologiques chez l’étudiant de premier cycle". Même si l’un ou l’autre ne sont pas recommandés du point de vue rédactionnel, il est possible qu’on les rencontre. A vous de prévoir ces deux affichage avec un égale élégance.
De même, une galerie peut être composée de deux images ou de 40, une sidebar contenir une liste de 20 liens, etc.
Penser "liquide" signifie donc, contrairement à la mise en page papier, à penser abstraitement le rédactionnel. C’est une gymnastique à apprendre.
Résultat
Le résultat final sera donc une proposition graphique utilisable pour l’intégration.
Doivent être pensé et communiqués :
4 PSD à taille utile en pixels
Les tailles de police des différents éléments sémantiques (h1, h2, h3, h4, texte)
Couleurs des différents éléments, dont les liens
Durée
3 semaines