Le futur web mobile à l'unil prévu pour le courant du 2ème semestre 2017 novembre 2016 1
Projet "ligne graphique web UNIL 2017" Nous aimerions attirer votre attention sur le fait que ces maquettes sont des versions de travail, susceptibles d évoluer avec l avancement du projet, plutôt dans les détails que dans les grands axes tels que la navigation principale ou l'affichage optimisé pour mobiles. Globalement, les boîtes de contenu existantes seront conservées, mais pourront pour certaines évoluer (par ex. zone de la photo sur la page d accueil) ou être affichées à d autres endroits de la page que dans la ligne graphique actuelle. De nouvelles boîtes de contenu seront vraisemblablement proposées (par ex. boîte "card design"). Ce projet n'implique pas de changements de contenu. Il sera mis en oeuvre dans le courant du 2ème semestre de l année 2017, et vous serez informés suffisamment à l'avance des aménagements à effectuer sur vos sites. Nous pourrons si nécessaire vous assister dans ces opérations. 2
Faculté exemple et fictive élément 1 élément 2 élément 3 élément 4 élément 5 élément 6 page d accueil sur desktop page d accueil sur mobile Faculté exemple et fictive lorem ipsum lorem ipsum lorem ipsum image fixe (message optionnel) l'image fixe (non défilante) fera 1200 px de largeur lorem ipsum lorem ipsum lorem ipsum Actualités Actualités Curabitur ullamcorper ultricies nisi. Nam eget dui. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Curabitur ullamcorper ultricies nisi. Nam eget dui. Evénements lorem ipsum yyy zzz yyy zzz yyy zzz yyy zzz Vidéo 123 123 123 123 les boîtes de contenu actuelles continueront à être proposées Curabitur ullamcorper ultricies nisi. Nam eget dui. Evénements lorem ipsum Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Curabitur ullamcorper ultricies nisi. Nam eget dui. lorem ipsum lorem ipsum lorem ipsum lorem ipsum 4 images avec liens (card design) yyy zzz yyy zzz yyy zzz yyy zzz Vidéo Bâtiment CH - 1015 Lausanne Suisse Tél. Contact Annuaires Plan du site Informations légales Impressum Edition l'ajout d'images supplémentaires sera possible, elles fonctionneront comme des liens 123 123 123 123 lorem ipsum lorem ipsum fond jaune = images lorem ipsum etc lorem ipsum 3
principe du menu 5 + 1 Faculté exemple et fictive élément 1 élément 2 élément 3 élément 4 élément 5 élément 6 En lieu et place des 11 éléments actuels, le menu principal comportera 5 éléments, avec en option un 6ème élément qui fonctionnera comme titre d'un sous-menu. exemple d utilisation Faculté exemple et fictive élément 1 élément 2 élément 3 élément 4 élément 5 vous êtes futur étudiant étudiant visiteur alumni Le titre du sous-menu pourra être choisi librement. exemple de page de contenu Faculté exemple et fictive élément 1 sous-sous élément élément 1 élément 2 élément 3 élément 4 élément 5 élément 6 Vous êtes ici: UNIL > Faculté de xyz > élément 1 > > sous- sous- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat Curabitur ullamcorper ultricies nisi. Nam eget dui. Dans les pages de contenu également, le premier niveau de navigation figurera dans le menu principal. Ensuite, les niveaux suivants s'afficheront dans la colonne de gauche. 4
Maquettes à titre indicatif 5
mobile Page d'accueil desktop 6
mobile Page de contenu desktop (détail) desktop (vue complète) 7
Page d'accueil sur ordinateur, tablette et smartphone 8
Page de contenu sur ordinateur, tablette et smartphone 9
Navigation principale: menu 5 + 1 10
Navigation sur mobile 11
Maquettes en vidéo http://wp.unil.ch/infojahia/ligne-graphique-web-unil-2017 12