The Nobel Peace Center: Interactive installation and website

The Nobel Peace Center powers its localized website and interactive installations with Sanity and structured content.

Project owner

The Nobel Peace Center

    Key benefits

    No DevOps Overhead

    Within minutes the developers had everything they need to get started with building content models. No need to set up databases and servers.

    Flexible customization

    The client needed a custom integration with their DAM. With the extensible studio, the developers could build their own input components using React.

    Reusability

    The developers could reuse their content models and custom input components across the custom editing experiences for the different parts of the projects.

    Testimonials

    • Sanity is unparalleled in how easy it is to get started and get going

      Daniel Skogly, developer at TRY Apt

    Use cases

    • Multi-localization

      Having content available in multiple languages, in addition to Norwegian and English was an important requirement for Nobel Peace Center’s new website. Using Sanity’s flexible content schemas, Apt could generate the necessary field translations and add more as new language needs came up. They could leverage the flexibility to approach localization differently in the two projects, using datasets for the website, and field-localization for the installation.

    • Prototyping and innovation

      Using Sanity.io as the single source of truth, Apt was able to quickly iterate and experiment with building an interactive experience for the Nobel Peace Center’s visitors. Resuing content models and input components made for the website, they were able to make a visually intriguing interface placing the Nobel laureates on a spinning 3D globe, and on a timeline.

    • Website Content Backend

      Apt used Next.js with structured content from Sanity to build nobelpeacecenter.org. Using GROQ for data-fetching they could fetch only the data they needed for the different templates and publish new pages instantly.


    Description

    The Nobel Peace Center needed a new website and wanted to offer their visitors a more interative experience. They hired TRY Apt, which chose to solve these challenges using Sanity.io as their backend for structured content. With no lead-time, the developers were able to include the center’s editors working with content from early in the project.

    No-ops and less developer lead time

    “Sanity is unparalleled in how easy it is to get started and get going,“ says the developer Daniel Skogly, tech-lead on the project, “usually we need to wait for the DevOps folks to set a CMS up for us, with Sanity, we just fired up the CLI, created a new project, and got started”. With the head start, the project could also involve those who worked with content from early on and work in parallel, making for a better design and technology process.

    Custom DAM integration

    The Nobel Peace Center has a digital asset manager with thousands of photos. The team at TRY Apt was able to let it continue serving its use by making a custom integration in Sanity Studio that let the editors browse and select the photos seamlessly. Using serverless function and lambdas on AWS, the team could easily set up workers that would sync photos selected from the DAM over to Sanity’s image asset pipeline. This way they could leverage the CDN and the on-demand transforms, making for better developer experience, and a more performant website.

    Saving time by reusing content models and custom input components

    TRY Apt decided to create a new project for the installation: “We wanted to deal with localization for the installation differently than for the website, and it was also for a different group of editors,” Daniel explains, “and since it was code, we could reuse much of what we had done in the web project in terms of the content models and custom input components. That definitively saved us time.”

    The interactive installations gives visitors a way to explore the laureates by rotating a 3D globe.
    The interactive Peace Prize Laureates installation at the Nobel Peace Center.

    Structured Content isn’t just about making the content portable, but also the insights and work that unfolds from it. Especially for agencies to be able to reuse work within and across projects. With Sanity.io, the ideas and work are embedded in reusable code.

    Intuitive and user-friendly editing environment

    “We actually got an email from one of the editors, saying the CMS was awesome,” Daniel tells us, “that has never happened before. People are used to the editing experience as a labyrinth of buttons and stuff shouldn't need to deal with. With Sanity, you’ll get just what you actually need.” In addition to the user-friendly editing interface, TRY Apt also used Structure Builder to organize documents in a folder structure that made sense for how the editors wanted to work.