Recreating Wildlife Photographer of the Year online – part 2 – key site features

With the platform and CSS approach covered in Part 1 (Link), I’ll go into detail about some of the key technical features and functionality we built out for the site (www.nhm.ac.uk/wpy). We’ll cover the core image gallery solution with it’s API filtering and Flickr style image layout. Then jump into the lazy loading and next gen image format topics, before finally covering the page routing architecture of this API-driven site.

Continue reading “Recreating Wildlife Photographer of the Year online – part 2 – key site features”

Recreating Wildlife Photographer of the Year online – part 1 – Introduction and technical approach

https://www.nhm.ac.uk/wpy

Introduction

I’ve been involved with the Wildlife Photographer of the Year brand for as long as I’ve been at the Natural History Museum, which let’s just say is a long time. I’m still very proud and privileged to work on such important and inspirational content.

This series of posts is about the recent re-platform of our ageing WPY microsite. I’ll start by setting the scene for how the project came about and then dive into some of the technical decisions. Later on I’ll talk about some of the site’s key features and what we’ve learnt with the tech and working towards a more modern API-driven web architecture. It’s been great having something so rewarding to work and focus on during these strange and difficult times in lock-down. 

Continue reading “Recreating Wildlife Photographer of the Year online – part 1 – Introduction and technical approach”

Trying something new – building the Life in the Dark interactive splash | Digital Media at the NHM

http://www.nhm.ac.uk/visit/exhibitions/life-in-the-dark.html

As part of the museum’s Life in the Dark exhibition digital content offer, we decided to try something new for our exhibition landing page to help promote interest and engagement.  We ended up using a new mix of front end technologies to build it, so here’s a (long) technical walk through of the various challenges and solutions we encountered.

Continue reading “Trying something new – building the Life in the Dark interactive splash | Digital Media at the NHM”