Skip to main content

Getty Getty

Getty

2020

One Getty: Building an inclusive digital experience befitting a renowned arts and culture institute

Getty is a renowned arts and culture institution best known for its stunning physical locations. But with two museums, a research institute, conservation programs and publishing arm, its influence extends well beyond traditional gallery spaces.

Recognizing the need for a digital experience that reflected the breadth of its cultural significance, Getty partnered with AREA 17 to build a unified digital platform under the “One Getty” vision. This multiphase engagement aimed to enhance visitor engagement and inspire deeper curiosity and understanding through the arts, bringing together Getty’s extensive offerings into one cohesive digital identity.

Establishing the foundation for ‘One Getty’ through a unified digital identity

In partnership with Getty, AREA 17 laid the digital groundwork for the "One Getty” transformation by designing a digital presence that extended Getty’s physical identity into the online space.

Collaborating with Studio Scott and Two by Four, we built a visually evocative interface inspired by the iconic architecture and ambiance of LA's Getty Center. The design incorporates a clear typography system for readability, vibrant colors for surprise and emphasis, and thoughtful layouts that simplify navigation and invite visitors to discover Getty’s artistic and cultural resources. Our work reinforces Getty’s role not just as a museum, but as an educational and cultural institution with a wide-reaching mission.

  • +114%

    increase in page views post-launch

Empowering Getty teams with a scalable design system for consistent digital experiences

To ensure consistent design across Getty’s digital properties, AREA 17 implemented a component-based design library using Storybook. Tailored to the needs of Getty's internal teams, the library provides flexible tools for each design component, as well as clear documentation and accessibility settings that empower teams to apply brand-compliant designs with confidence and precision.

A custom front-end application, built with Vue.js and Nuxt.js for server-side rendering, links the Contentful CMS to Getty’s component library. This setup simplifies content creation and equips teams with intuitive tools for maintaining brand integrity across all channels.

“By integrating plug-ins that expose documentation for each component in the library, as well as utility features like knobs, tests, and accessibility reports we’ve made it easy for Getty team members to onboard and take ownership within the new design system.”

Adam Brin
Software Architect, Getty

Getty 06 storybook

Championing an accessibility-first mindset and navigation system

Getty’s digital content spanned four programs, making it challenging for users to fully explore and appreciate its offerings. Addressing this, AREA 17 developed a streamlined navigation system to guide visitors through Getty's comprehensive collections without overwhelming them.

Working with accessibility consultants Prime Access Consulting, we built an open-source video player that meets the highest level of accessibility standards, ensuring every user can explore Getty’s art, research, and cultural insights in their own way. 

Our open-source approach ensures we are leaving the woodpile higher than we found it, enabling other developers to build on our work and elevate accessibility standards across the arts and culture sector.

  • 100%

    Web player accessibility score: 100% compliance with WCAG standards on the AAA level

Getty 08 A
Getty 08 B
Getty 08 C
Getty 09 picture
Experience
Research and analysis
Experience vision and strategy
Concepting and prototyping
Experience design
Prioritization and roadmapping
Design systems
Technology
Technology strategy and architecture
Custom application development
Custom interface development
Analytics and optimization

Up next