New York
00:11

Paris
06:11

AREA 17

AREA 17

/
AREA 17
Index

Getty

Développer les relations humaines grâce à l'art

Getty est une institution dans le domaine des arts et de la culture. Avec deux sites d’exception visités par près de deux millions de personnes chaque année, une impressionnante collection d'art de près de 125 000 objets et des programmes de recherche, de conservation et de philanthropie prestigieux, l'organisation a une vaste portée. Cependant, l’expérience digitale vieillissante et complexe ne reflète pas la nature multidimensionnelle de l'institution et limite à la fois l'engagement des utilisateurs ainsi que l'efficacité de l'organisation. 

Getty a collaboré avec AREA 17 sur un projet en plusieurs phases afin de créer une nouvelle plateforme digitale évolutive.

Lors de la première phase du projet, nous nous sommes concentrés sur la création d’un ensemble cohérent de landing pages permettant la réunification de l'art, des connaissances et des ressources proposées par l'organisation.

Grâce à ces premières pages, nous avons conçu les fondations de la nouvelle plateforme permettant à la fois de faire évoluer l'ensemble de l'expérience vers une approche centrée sur l'utilisateur mais également d’affirmer la mission du Getty : susciter la curiosité et mieux comprendre le monde grâce à l’art.




getty.edu

/
Getty 01c Home
/
Getty 02a Menu Mobile Getty 02b Menu Mobile

La richesse des contenus digitaux du Getty est impressionnante. Avec quatre programmes et un service d'édition, les possibilités pour les utilisateurs de s'engager dans l’art et la culture sont infinies. Des expositions en ligne aux bases de données d’arts, en passant par des rapports de recherche approfondie et la mise à disposition d’outils open-source, notre principal défi était d'une grande ampleur. 

Notre première mission a consisté à proposer cette vaste offre de contenus de manière simplifiée grâce une nouvelle navigation qui se détache de l’organisation interne du Getty pour proposer une expérience centrée sur l’utilisateur leur permettant ainsi de trouver, parcourir et interagir plus facilement avec le contenu.

Les meilleurs produits digitaux sont le reflet et l'incarnation des valeurs d'une marque. Pour nous, cela signifiait s'appuyer sur le travail de nos collaborateurs - Studio Scot qui a conçu la nouvelle identité visuelle et Two by Four Scot qui a repensé la stratégie de marque du Getty. Guidé par leur travail, nous avons créé une expérience digitale entièrement basée sur le principe fondateur du Getty : faire progresser et partager l'art visuel et le patrimoine culturel mondial au profit de tous.

Tout au long du projet, nous avons été encouragés par l'équipe du Getty à créer une expérience aussi bien ouverte et accessible qu'évocatrice et expressive. Le design épuré s'inspire de l'emblématique Getty Center de Los Angeles, soutenu par un système de typographies lisibles qui vise la clarté. En insufflant des couleurs vives et des ruptures inattendues, nous avons également cherché à créer un sentiment de surprise. Le résultat final est une expérience qui donne vie à l'esprit de générosité et à la nature inventive du Getty.

/
Getty 07a Search Mobile Getty 07b Search Mobile
/
Getty 08a Carousel Mobile Getty 08b Carousel Mobile Getty 08c Carousel Mobile Getty 08d Carousel Mobile
/
Getty 09 Image

Notre design system a été créé pour être apprécié et utilisable par tous — y compris par l'équipe Getty. Pour garantir l'intégrité de la conception entre les différents designers et canaux, nous avons créé une bibliothèque de composants à l'aide de Storybook.

En intégrant des plug-ins qui permettent d’afficher les spécifications de chaque composant ainsi que les rapports de tests et d'accessibilité, nous avons permis à Getty de comprendre et de s'approprier facilement son design system. Et pour assurer un flux de travail fluide pour la création de nouveaux contenus, nous avons développé une application front-end personnalisée en Vue.js (utilisant le framework Nuxt.js pour le rendu côté serveur) qui permet une intégration simplifiée entre le CMS Contentful et notre bibliothèque de composants front-end.

/
Getty 11b Image
/
Getty 11a Image
/
Getty 14 Explore Art
/
Getty 15 Design System
/
Getty 12a Landing Getty 12b Landing Getty 12c Landing Getty 12d Landing Getty 12e Landing