New York
05:52

Paris
11:52

AREA 17

AREA 17

/
AREA 17
Index

The Art Institute of Chicago

Un musée de la pensée vivante

Vitrine virtuelle de l'une des plus grandes collections au monde, le site de l'Art Institute of Chicago accueille chaque année plus de 3 millions de visiteurs uniques. Ils y découvrent plus que les visiteurs physiques du musée puisque, en plus des oeuvres accrochées à l'Institut, le site expose les 98% d’oeuvres de la collection placées en réserve.

Afin d’exposer la richesse inépuisable de la collection, nous avons collaboré avec l'équipe de l'Art Institute of Chicago pour offrir au public du monde entier, de l’expert au novice, une expérience de découverte nouvelle.

Inspiré de l'idée du “musée de la pensée vivante”, concept introduit par l’Institut il y a un siècle, nous avons imaginé une expérience dynamique composée de nouvelles expositions, de transitions fluides et de contenus exclusifs proposés par les conservateurs. Plus qu'un catalogue d’œuvres d'art, nous avons souhaité faire du site un lieu de questionnement et de réflexion sur le sens de l'art.

Le site de l’Art Institute of Chicago a été développé avec Twill, notre CMS open-source basé sur Laravel.

www.artic.edu

/
00a Home 00b Home 00c Home

L'expérience utilisateur initiale est centrée sur les cas utilisateurs classiques de planification de visite, découverte des expositions et exploration de la collection. Nous avons conçu des pages landing claires et simples à parcourir qui répondent aux besoins principaux des utilisateurs, tandis qu’un système de navigation contextuel plus détaillé a été créé pour les pages de contenu plus avancé. Tenant compte du fait qu’elles constituent le point d’entrée principal du site, nous avons traité les pages détail des oeuvres comme des pages landing.

/
02c Artwork Detail 02b Artwork Detail 02d Artwork Detail 02e Artwork Detail 02f Artwork Detail
/
04h Photo
/
04g Photo

Nous avons abordé la collection comme un produit autonome. Pour aller au-delà d’une recherche classique, nous avons identifié la proposition de valeur clé de l'expérience : permettre de rechercher, parcourir et découvrir les œuvres d'art avec simplicité mais nuance.

Les visiteurs connaissent souvent les grands mouvements artistiques, mais restent parfois peu clairs sur l’inscription de ces mouvements dans le temps et sur les relations entre les oeuvres elles-mêmes. Nous avons donc créé des éléments d’interface transmettant ces connaissances : des entrées par mouvement artistique, des principes de recirculation basés sur le style des oeuvre et une taxonomie liée aux habitudes de navigation des utilisateurs.

/
01b Collection 01a Collection
/
06a Artwork Detail M 06c Artwork Detail M 06b Artwork Detail M
/
05a Collection M 05b Collection M 05c Collection M

Lors de nos explorations de design, nous avons travaillé à enrichir l’identité visuelle et le système graphique conçus par Pentagram pour les adapter au digital. En analysant les différents contextes d’usage et considérant les aspirations de l’Institut, nous avons créé des opportunités de ramener au premier plan le contenu éditorial du musée.

L’enrichissement du système graphique permet à l’Art Institute of Chicago d’avoir la main sur les différentes pages et contextes d’affichage au travers du large éventail de modules mis à leur disposition.

/
10b Event
/
04b Photo
/
07a Generic Detail 07b Generic Detail Menu

Spécifiquement réalisée pour s’inscrire dans l’identité visuelle mise à jour, la nouvelle photographie propose sur l’ensemble du site un style immersif et dynamique.

La transparence, caractéristique de l'aile moderne du musée, s’exprime dans toute la direction artistique.

En fin de projet, nous avons livré une charte visuelle qui permettra à l'Institut de développer de nouvelles applications de la marque en gardant une cohérence visuelle sur l’ensemble des canaux.

/
03a Search 03b Search 03c Search 03d Search
/
04e Photo 04a Photo
/
04d Photo 04c Photo
/
90a Guidelines 00001 90b Guidelines 00002 90d Guidelines 00004 90e Guidelines 00005 90g Guidelines 00007 90f Guidelines 00006

Pour gérer un flux de données à facettes multiples, nous avons créé une API custom qui aspire les données du système du musée et lui envoie celles spécifique au site, de façon à garantir à tout moment la synchronisation des données. Les données sont à disposition des contributeurs du site via Twill, notre CMS open-source basé sur Laravel. L'expérience de gestion de contenu qui en résulte est simple et robuste. Elle donne aux équipes du musée un pouvoir d’expression inédit.

/
08a Tag Page Rembrandt 01 08b Tag Page Rembrandt 02