étude de cas

Groupe UP

Refonte éditoriale, graphique et technique du site groupe

Ce vaste projet de refonte du site web du groupe UP (Chèque Déjeuner) a été initié par un audit, puis s’est articulé autour d’un travail éditorial, d’une refonte graphique et ergonomique, puis d’une prestation d’intégration et de développement sous le CMS Typo3.

L’audit

L’audit de l’interface de l’ancien site a permis d’identifier un certain nombre d’écueils : problème d’homogénéité graphique et de repérage, problème de comportement de la navigation, conflit visuel et éléments graphiques peu intelligibles, quasi absence de liens immersifs depuis la home, etc.

Le conseil éditorial

Un travail complet sur l’arborescence a été opéré afin d’améliorer l’organisation et la lisibilité générale du propos. L’intelligibilité des intitulés de rubriques a aussi été retravaillée avec pour objectif de donner du sens aux titres de rubriques pour mieux inciter à la lecture d’une part et pour affirmer la dimension militante du groupe d’autre part.
Exemple : l’intitulé «Une gouvernance démocratique» ne dit pas la même chose que «Gouvernance d’entreprise». Idem pour «Un groupe libre et engagé» en remplacement de «Mission et stratégie».

Le design et l’ergonomie

Notre intervention s’est ici concentrée sur :

.  la mise en place d’un menu de navigation homogène dans son comportement et création d’un menu de 2ème et 3ème niveau clairement identifiable,

.  la création d’une mise en page dynamique et colorée, structurée par bloc, permettant de rompre la monotonie de lecture grâce à la multiplication des accroches de lecture,

.  un colonage 2/3 – 1/3,

.  l’utilisation d’une iconographie illustrative appropriée,

.  en page d’accueil, un travail sur les portraits avec le parti-pris d’un cadrage assez serré pour une «vraie rencontre», et plus généralement, le renforcement de la place de l’humain et l’illustration de la diversité,

.  une approche « responsive » complète (avec prise en compte des très grandes résolutions)

Technologies : CMS Typo3, Php5, jQuery.