Home Services Culture Careers Contact Blog

The Blue Whale. A truly magnificent exhibition that comes to you.

Summary

Discover a spectacular web experience that brings The Natural History Museum, and the majestic blue whale, into your own home.

Challenge

How do we create an online experience that captures the scale and beauty of the Natural History Musuem’s Blue Whale exhibition?

Natural History Museum Workshop 1

Testimonial

Testimonial from Piers Jones, CDO

“We wanted to create a highly visual experience so that visitors could dive deeper into this fascinating specimen. Working with Potato has enabled us to meet that vision.”
Natural History Museum Sketching Natural History Museum Ideation

Vision

We set out to bring the feeling of being in the Natural History Museum directly into your living room. A web experience that was both informative and visually stunning, and presented in a way that captured the magic of the exhibition itself.

Natural History Museum Workshop 2

Change

Driven by image and content, rather than data, we built a website using vanilla HTML, CSS (via SASS) and ES6 JavaScript, framework-free. This enabled us to achieve maximum rendering control, capturing the sheer beauty of the project. The end result was a site that’s fully responsive, using debounced event handling for smooth parallax effects. URL management meant that every page is easily shareable and visible to search engines.

All building to a static bundle for easy platform-independent deployment. From the breathtaking ceiling of Hintze Hall, through the Collections and way down into the depths of the ocean, this visually stunning, content-led, 3D recreation of the exhibition gives users an opportunity to see the whale through a range of different media and views. Part educational, part jaw-dropping, it’s as close as you can get to the real thing.

NHM image 5
Natural History Museum Workshop 3

Outcome

We developed the site to work on all major modern browsers and devices.
This led to greater responsiveness, as well as a large increase in media queries.
(All underpinned by cross-browser support via tools like autoprefixer, browserlist and babel.)

Bringing the project online in such a dynamic way made it possible for a whole new audience to experience the exhibition, while driving attendance to future Natural History Museum undertakings.

NHM image 7

Discover more

Our work

Neurable

Neurable and brain-computer interfaces. A sound evolution

Headphones designed to remove everyday barriers, giving you greater control over how you live your life.
  • Strategy
  • Brand
  • UX
  • Design
A side portrait photo of a young woman wearing Neurable’s Enten smart headphones in white colourway.

Fictioneers

A ground-breaking experience using technology to enrich storytelling

An immersive story experience as innovative as any Wallace & Gromit gadget.
  • Strategy
  • Design
  • AR
  • UX
  • Build
A still frame from Fictioneers' and Aardman's immersive, augmented-reality mobile app "Wallace & Gromit: The Big Fix-Up", featuring Wallace, in his workshop. Wallace is smiling with his mouth wide open and is covered up to his neck by printed tickets.

Like what you see?

We're always excited to hear from visionary clients wanting a digital product expert to create solutions that connect with their audience in a more effective, relevant and meaningful way.