case studies

Medical Collection Inselspital Bern

Digitalisation means that many parts of life are increasingly taking place on the internet. For this reason, the medical collection of the Inselspital Bern has decided to build its new museum on the history of medicine and the island purely digitally with programming from Code Crush.

Jam-Stack

Web

The Inselspital Bern has a history that goes back to 1345. Medicine, but also the Inselspital itself, have changed greatly during this time. It is precisely this change and all that it has brought with it that the digital museum of the Bern Medical Collection aims to illuminate. With at least 200 A4 pages of text and over 600 illustrations and videos and (soon) four languages on offer, the museum has something for everyone.

The three main building blocks that make up the digital museum are highlighted in this case study.

#1 The main exhibition


As soon as you "enter" the museum, you find yourself in the main exhibition. The history of medicine is told with the help of ten verbs. You can move between different "rooms" using a slider. Texts, pictures, videos, audios and quizzes provide an interactive view of the history of medicine.

#2 History of the Inselspital


In addition to the general history of medicine, the Inselspital itself is also highlighted. Using a swiper, you can click your way through the 600 years and read, for example, the story of the breakout king of the Inselspital Bern or watch a video on the nursing shortage in 1966. Like the entire museum, the section on the history of medicine is of course optimised for all devices.

#3 The Collection


In addition to these three large sections of the website, there is of course still plenty of room for future additions. In further steps, for example, special exhibitions or a section for news articles on the history of medicine are being considered. Due to the scalable development of the website with a user-friendly backend, the implementation of new functions and content is no problem.

#n The future


In addition to these three large sections of the website, there is of course still plenty of room for future additions. In further steps, for example, special exhibitions or a section for news articles on the history of medicine are being considered. Due to the scalable development of the website with a user-friendly backend, the implementation of new functions and content is no problem.

Technology


Probably the biggest technical challenge of this website was that it runs fast on all devices despite an extremely large number of images and videos. However, with the help of modern technologies from the JAM stack, this hurdle was easily overcome. The backend is based on the headless CMS Storyblok, the frontend was developed with Nuxt, a Vue framework.

Conclusion


We would like to thank the medical collection of the Inselspital Bern for the good cooperation in this project. It was a great pleasure for us to be part of this innovative project.

In October 2021, the digital museum was officially opened with a launch event in Bern and is now open around the clock to all interested parties.

And here's how to get to the museum: https://medizinsammlung.ch/


Disclaimer: The image used at the beginning of this case study comes from the Inselspital Bern Medical Collection / Photo: Rolf Zimmermann.