• Tweet
• 
• 

Pour ce nouveau site de la semaine, je vous propose de découvrir le site de l’International Arts Festival (Nouvelle Zélande) créé par l’agence néo zélandaise Springload.  Outre son aspect graphique intéressant, ce site institutionnel met en avant des partis pris ergonomiques qui me semblent judicieux vis à vis de son contenu.

Les choix chromatiques

La charte graphique de ce site s’articule autour d’un choix basé sur un dégradé de couleur. Le gris clair tient une place importante dans la composition quasi minimaliste de la home page : le cube qui est élément graphique récurant et représentatif du festival reprend cette teinte. Le bleu utilisé pour les liens et certaines puces  permet une cohérence chromatique entre la partie haute du site et le footer de couleur sombre.  Ce jeu de contraste fonctionne d’ailleurs aussi bien sur fond clair que fond foncé.

D’un point de vu ergonomique, la rupture chromatique joue un rôle important : nous constatons en effet qu’une césure net sépare les parties supérieure et inférieure du site. Une zone de couleur claire (le Show Slector) renforce cette rupture par l’utilisation très légère d’ombres portées. Cet aspect tend à renforcer le dynamisme du site en apportant au regard de l’internaute une « zonification » contrastée tout en soulignant l’aspect fonctionnelle de son contenu.

Les choix graphiques

Comme évoqué précédemment, le cube tient une place importante dans la composition. Cette géométrisation se retrouve dans le menu principal du site par un agencement rappelant la 3D isométrique.  Cette accumulation verticale de volumes colorés à un rôle double : elle permet une mise en avant des différentes parties du site mais également la mise en volume du menu de navigation.

Le choix d’une typo bâton comme la Rockwell, mise en majuscule et en bold, est un choix esthétique judicieux : elle vitalise et dynamise l’ensemble de la composition.  Ces différents aspects sont d’ailleurs autant de rappels graphiques du logotype.

La mise en page

La mise en page s’organise donc de manière verticale, sur trois colonnes. Cette structure classique de l’espace permet la mise en place de différents widgets que nous retrouvons sur la plupart des sites liés à l’évènementiel : calendrier, album photos, vidéo, téléchargement de documents pdf … A noter la présence d’un menu de navigation principal à double niveau de lecture et séparé par une zone de recherche. La mise en place de widgets déroulants comme « MY SHORTLIST » permet une optimisation de cet espace vertical. Autant de détails qui montrent une volonté d’optimisation de la part des créatifs à la base de ce projet.Je vous laisse également le soin de vous amuser avec certains aspects du calendrier, notamment la possibilité de « drager » différentes dates …

Le footer est de mon point de vu très bien pensé : présence de widgets photos/vidéos/réseaux sociaux dans la partie gauche, des articles dans la partie centrale et de liens/sponsors dans la partie droite. Outre l’équilibre apporté par cette zone (contraste avec la zone de contenu principale), sa présence sur l’ensemble des pages du site n’est pas négligeable en terme de référencement.

Mon seul bémol tient au choix de l’alignement de l’ensemble des éléments sur la partie gauche du navigateur. Sur un écran de grande taille, le contenu du site semble comprimé ; cela empêche une respiration pourtant primordiale en terme d’ergonomie web … A titre comparatif, je me suis permis d’aligner le contenu au centre de la page. A chacun de donner son opinion

Le « Show Selector »

Le Show Selector est un des éléments qui m’a poussé à parler de ce site internet. Cet élément full flash permet à l’internaute de découvrir différents événements du festival de manière ludique et fonctionnel.

Pour y accéder, rien de plus simple. Un simple clic sur la zone en question fait apparaître au premier plan, sans défilement, une nouvelle partie composée de vignettes et  de barres de sélection. Ces barres nous permettent de faire un choix entre différents mots clés significatifs. Des vignettes sont ainsi misent en avant en s’agrandissant. Le rollover permet également un zoom sur l’élément survolé.  De manière générale, la conception de ce « Show Selector » reflète parfaitement le parti pris d’optimisation de l’espace par l’agence Springlood tout en privilégiant un aspect visuel léché et fonctionnel.

Pour terminer

Libre à vous d’explorer l’ensemble du site, notamment les fiches spectacles. A l’image de la home page, les différentes déclinaisons restent sobres et très fonctionnelles :  les informations importantes sont facilement trouvables, de nombreux médias photos et vidéos sont présents, …

Ce site institutionnel a donc été créé avec la volonté d’accompagner l’internaute sans le perdre dans une accumulation d’informations inutiles tout en restant très complet. Les choix chromatiques et l’optimisation de la mise en page apportent un confort primordiale à la diffusion du contenu. Il existe évidement de nombreux sites FWA de qualité très supérieure, mais il est parfois important de comprendre pourquoi un site, par de multiples détails, offre une expérience agréable à l’internaute.