Juliennes unter Wasser nennt man Sashimi

15. März 2024

Die neue Webseite der International Ocean Film Tour ist live. That’s it. That’s the post. But wait, there is more…

Pünktlich zum 10-jährigen Jubiläum haben wir für und mit Moving Adventures aus München der Webseite der International Ocean Filmtour eine technische Überarbeitung und visuelle Verfeinerung verpasst. Und das in schlanken 5 Wochen. Wie uns dieses Zauberstück gelungen ist, werde ich im Folgenden erläutern. Dabei halte ich mich an die Definition eines Zaubertricks, die Christopher Priest in seinem Roman The Prestige, verfilmt von Christopher Nolan (ja, der mit dem Oscar), etabliert hat, nach der jeder Zaubertrick aus drei Teilen besteht.

Und, ja, ich nenne unsere Arbeit Zauberei. Vor allem aus dem Grund, damit meine Mutter mich nicht anruft, um ihren Router einzurichten, nur weil ich „irgendwas mit Computern” mache.

Part 1 – The Pledge

„The magician shows you something ordinary”

Am Anfang steht unser Base Plugin für Kirby CMS. Einmal installiert, springt ein auf Bootstrap basierendes Kaninchen aus dem Hut, das alle Standard-Elemente und Spalten-Layouts out-of-the-box anbietet. Keine langwierige Konfiguration, einfach da. Abrakadabra. Kurz noch die Schriftart und die Basic Styles angepasst und das Ganze sieht schon verdammt nach Webseite aus.

Und das Allerbeste: ab diesem Moment kann die Informationsarchitektur der Webseite angelegt und vor allem der Content gepflegt werden. Es mag wie ein No-Brainer klingen, aber die Contentproduktion ist und bleibt ein kritischer Faktor für jegliches verbindliche Timing. Daher verlegen wir diesen Teil gerne, ach was, wir bestehen darauf, diesen Teil möglichst früh ins Projekt zu verlegen. Alle, wirklich alle, schlafen dann einfach besser.

Part 2 – The Turn

„The magician takes the ordinary something and makes it do something extraordinary”

Jetzt hoppelt unser Basiskaninchen schon fröhlich durchs Internet und stopft sich mit saftigem Content voll. Aber, ganz ehrlich, so ein bisschen abgerupft sieht das putzige Tierchen schon noch aus. So bringt das noch kein Auge zum Glänzen. Es wird also Zeit, das Kaninchen in einen Tiger zu verwandeln und zwar mit einem schicken Design und ein paar abgefahrenen Features. Die fallen ja auch nicht vom Himmel.

Grundsätzliche Überlegungen zum Storytelling, zur Informationsarchitektur, zum Design wurden zum Glück bereits im Zuge des Relaunchs der Outdoor Filmtour im Sommer letzten Jahres gemacht. Outdoor und Ocean Filmtour kommen nämlich aus dem selben Haus. Quasi Zwillingsschwestern, nur das die eine lieber planscht und die andere lieber klettert. Die sehen sich also irgendwie ähnlich, aber jede hat trotzdem ihre individuellen Eigenheiten. Ist ja auch gut, wenn man auf der Party weiss, ob man gerade mit Gabi oder mit Carmen spricht.

Dreimal schwarzer Kater, schon sieht das Ganze dann auch wirklich wie eine echte Webseite aus.

(Kaninchen, Tiger, schwarzer Kater… ich brauche wirklich mal einen Schreibcoach.)

(links: European Outdoor Filmtour, rechts: International Ocean Filmtour)

An dieser Stelle steht üblicherweise jemand im Publikum auf und ruft „Klar ist das einfach, das sind doch zwei komplett ähnliche Webseiten!” Aber nun verrät der Zauberer einen seiner Tricks: Egal, ob es um zwei Webseiten geht, die aus derselben Grundjus gekocht werden, oder eine ganz neue Webseite – je flexibler das Ganze aufgesetzt ist, je besser die Vorarbeit ist, umso schneller gehen später Erweiterungen und Überarbeitungen. Das ist das Spannende an der ganzen Auführung. Wenn man die Karten richtig zinkt, muss man später weniger improviseren.

Part 3 - The Prestige

„Every magic trick has a third act, the hardest part, the part we call The Prestige”

Telefonklingelgeräusch

Dring, dring…

„Ich habe gehört, ihr könnt mir in zwei Wochen eine neue Website basteln…”

Wenn das das Einzige ist, was du aus den bisherigen Ausführungen mitgenommen hast, dann möchte ich mit der Beschreibung eines meiner liebsten Cartoons antworten. In diesem Cartoon sieht man einen Pinguin durch dichtes Schneegestöber auf den:die Betrachter:in zulaufen. In einer Sprechblase die folgenden Worte: „Wenn Sie nun denken, dass es Frühling wird, weil die ersten Vögel aus dem Süden zurückkehren, dann habe ich eine schlechte Nachricht für Sie…”

Denn, und das ist das wahre Geheimnis der Zauberei, ein guter Zaubertrick sieht zwar einfach und spielerisch aus, dahinter liegt aber eine intensive und akribische Vorarbeit. Nichts geht wirklich jemals schnell, vor allem nicht in unserer Branche – ausser man schafft die Voraussetzungen dafür. Und die sind der wirklich harte Teil der Arbeit.

Jedes präparierte Kartendeck braucht mindestens 10 Asse:

  • Priorisierung
  • Gute Vorarbeit
  • Technische Kompetenz
  • Eine flexible technische Basis
  • Gutes Designverständnis
  • Teamwork
  • Offene Kommunikation
  • Eine gute Fehlerkultur
  • Das Richtige zur richtigen Zeit machen a.k.a. Pragmatismus
  • Der Mut, Unsicherheiten zuzulassen

Ohne Arbeit, ohne Anstrengung wird nichts gut. Aber es ist doch schöner, diese Arbeit in die Grundlagen zu investieren, um hintenraus schnell und sauber abliefern zu können, als in Krisenkommunikation und durchgeballerte Wochenenden.

Webseite anschauen und am besten gleich Tickets buchen → oceanfilmtour.com

Über den Autor

Martin Kretschmer ist Mitgründer von und Head of UX bei reinorange. Ausserdem halb-studierter Philosoph, ehemaliger Kindergärtner, Comicverkäufer und Programmierer. Er denkt oft darüber nach, dass einer der letzten Sätze des großen Sokrates wie folgt lautete: „Kriton, wir schulden dem Asklepios einen Hahn. Opfert ihm den und versäume es nicht.”