1. Museums-Website mit Ticket-System
  • Produkt
    Website für das Naturhistorische Museum Bern (NMBE).
    Zur Website
  • Aufgaben
    Umsetzung und Beratung, Schulung und Dokumentation, Support
  • Technologien
    Backend: Drupal 8, PHP Frontend: HTML5, CSS3, Web Components
Naturhistorisches Museum Bern

Über das Naturhistorische Museum Bern

Das NMBE ist das älteste Museum Berns – und seit es sich unter dem Label «Hilfe, es lebt!» zur nächtlichen Ausgehstätte mauserte, auch irgendwie das jüngste. Der Web-Auftritt muss das reflektieren: glaubwürdig sein und mutig. In den Worten des Kunden: «Wir wollen die attraktivste Webseite der Berner Museumslandschaft.»

NMBE About

Freiheit der Redaktion!

Die beste Agentur ist jene, welche sich überflüssig macht. Deswegen steckt hinter nmbe.ch das Content-Management-System (CMS) Drupal 8. Es gibt der NMBE-Redaktion Macht und Freiheit: Sie kann aus vordefinierten Seitentypen (Anlass, News, Dossier) wählen und diesen beliebig Blöcke (Slideshow, Call-To-Action-Button, Social Media Feed, Liste mit verwandten Inhalten) zuordnen. Freiheit bedeutet Verantwortung, nur nicht hier: Weil die Gestaltung der Blöcke aufeinander abgestimmt ist, können sie ganz beliebig kombiniert werden.

Naturhistorisches Museum – Frontend Blöcke

Mehr Freiheit!

Bei gewissen Seiten kann die Redaktion auch die Gestaltung (z.B. Farbgebung) selber bestimmen und damit eigenständige Microsites für Webekampagnen, Ausstellungen und Anlässe erstellen.

Naturhistorisches Museum Bern – Customization
Simon Jaeggi

«Joinbox hat unsere Qualitäten digital abgebildet: nmbe.ch ist lebendig, hochwertig, informativ.

Die Seite lädt zum Entdecken ein, wartet mit Finessen und Überraschungen auf – und stellt den Besucher konsequent ins Zentrum.»

Simon Jäggi Leiter Kommunikation und Marketing, Naturhistorisches Museum der Burgergemeinde Bern

Lebendige Exponate: unsere Pattern-Library

Skop – unsere Freunde von nebenan – haben nmbe.ch gestaltet und dabei einen wegweisenden Schritt gewagt: Sie haben nicht wie üblich Seiten entworfen, sondern einzelne Elemente (Buttons, Formularelemente, Titel, Bilder) und diese zu Blöcken (Slideshows, Listen, Formularen) kombiniert. Erst aus deren Zusammenspiel entstehen Seiten. Der Aufbau folgt dem Muster von «Atomic Design». Bei der Umsetzung fassten wir die Elemente und Blöcke in einer wiederverwendbaren Bibliothek, einer «Pattern Library» zusammen. Und wir sind begeistert davon: Das User-Interface wird erweiterbar, seine Bestandteile sind einheitlicher, die Qualität steigt. Grössere Projekte würden wir nicht mehr anders angehen.

Naturhistorisches Museum Bern - Patternlab
Selina Strössler

«Ich mag Drupal. Und Joinbox.

Ihrer Flexibilität wegen: Dank Drupal kann ich unsere multimedialen Inhalte in der passenden Form veröffentlichen. Und stosse ich dabei an Grenzen, steht mir Joinbox jederzeit zur Seite.»

Selina Strössler Verantwortliche Content (bis März 2018), Naturhistorisches Museum der Burgergemeinde Bern

Digitales Museumsbier

Das NMBE ist ein lebendiges Museum, Veranstaltungen – Konzerte, Führungen, Museumsbier – sind Kernbestandteil. Bisher wurden diese mit Telefon, Excel-Listen und Kugelschreiber organisiert. Im Rahmen der Neugestaltung haben wir sie digitalisiert: Auf nmbe.ch erfassen Angestellte Veranstaltungen, Besucher buchen Tickets, Verantwortliche haben Einblick in die Teilnehmerliste, alles in Echtzeit. Drupal 8 basiert auf dem PHP-Framework Symfony und ist damit geschaffen für benutzerspezifische Software-Entwicklung und für die Digitalisierung von Geschäftsprozessen.

Animiert, suchmaschinenoptimiert, responsive

Eigentlich selbstverständlich: Drupal 8 bietet die perfekten Voraussetzungen für Suchmaschinenoptimierung (SEO), und diese haben wir beim NMBE ausgereizt. Auch ist die Seite komplett responsive, passt sich also an alle Bildschirmgrössen und Eingabemethoden an. Feine Animationen erwecken sie zu Leben. Und nmbe.ch ist auf Geschwindigkeit getrimmt: Weil kurze Distanzen auch kurze Warte- und Ladezeiten bedeuten, hosten wir in der Schweiz, das Caching ist stark optimiert. Und wir entwickeln und veröffentlichen in einem Docker-Container.