½ {$title}
{$author}
of {$slidecount}

Refonte portail de l'OMVS

Refonte du portail de
l’OMVS

1- problématique principale : la navigation

1/
Problématique principale :
la navigation

Items de la navigations principale

  • 7 items
  • Certains items de 3 mots nécessitant une lecture (≠ scan visuel)
  • Nécessite une bonne visibilité et lisibilité
  • Néanmoins, sa taille ne permet l’utilisation d’un corps important
  • Éviter les parasites visuels (scroll, diaporama, etc.) à proximité.

Items de navigations secondaires

  • Certains items peuvent être confus quand à leur contenu (“Organigramme” dans “Cadre institutionnel”)
    • Évitez d’utiliser une navigation en cascade
  • Jusqu’à 3 sous-niveaux.
  • Jusqu’à 24 items.

Choix pour un Mega menu

  • Permet la lecture complète de la rubrique.
  • Évite les clics multiples.
  • Accélère le choix de l’internaute
  • Augmente sa compréhension du contenu de la Rubrique

Maquette 1

Maquette 1

Maquette 1, les grandes lignes.

  • Concept Institutionnel
    • Utilisation des filets et d’une typographie à empattement.
  • Une colorimétrie proche des couleurs du logo de l’OMVS.
  • Un sentiment de sérieux.
  • Austérité graphique.
  • rigueur typographique.
  • Objectif étant de donner de maximum de crédit et de focus au contenu.
  • Une place à la respiration, peu de colonnes (2).
  • un focus immédiat sur la navigation.

maquette 1 : image

maquette 1 : nav Header

maquette 1 : mega nav

maquette 2

Maquette 2

Maquette 2, les grandes lignes.

  • maquette sur 3 colonnes :
    • plus dense (moins efficace en lisibilité) ;
    • plus dynamique.
  • Utilisation d’une typographie sans serif (sans empattement)
    • Image plus jeune
    • Aspect moins institutionnel, moins sérieux
    • Aspect plus proche d’un magazin
  • Accueil par un visuel (cartographie de la vallée du fleuve).
  • Colorimétrie : choix des couleurs de la savane (sable, eau, et un peu de verdure).

maquette 2 : home page

maquette 2 : mega nav