← Zurück zu den Arbeiten

Brand Experience · Entwicklung · 2022

Mammut Eiger Extreme

Eine Expedition zum Durchscrollen. Der Baikalsee bei minus vierzig Grad, riesige Schrift und sehr viel Eis.

Live ansehen ↗

Entstanden bei Made in Amsterdam

Entwicklung
eiger-extreme.mammut.comLive ansehen ↗
Mammut Eiger Extremeeiger-extreme.mammut.com

Hier eingebettet ist die echte Produktivseite, live unter eiger-extreme.mammut.com.

Die Geschichte

Dani Arnold, einer der schnellsten Speed-Kletterer der Schweiz, ist an den Baikalsee gefahren: der tiefste See der Welt, komplett zugefroren, minus vierzig Grad und Wind bis 120 km/h. Er hat dort zehn neue Eisrouten geklettert, ein paar davon an der Unterseite von Eishöhlen. Mammut wollte diese Expedition als eine lange Geschichte zum Scrollen erzählen, und die Ausrüstung, die er dabei trug, sollte dazugehören, ohne dass die Seite zum Katalog wird.

Gebaut habe ich sie während meiner Zeit bei Made in Amsterdam, als Teil des Teams hinter der Seite.

Schrift so groß wie die Landschaft

Die Seite startet mit einem einzigen Wort, BAIKAL, so groß gesetzt, dass es von Rand zu Rand läuft, und Dani hängt kopfüber mittendrin. Das gibt den Ton für alles danach vor: sehr wenig Text, sehr große Fotos und Schrift, die sich wie ein Teil der Landschaft verhält, nicht wie eine Bildunterschrift obendrauf.

Sehr wenig Text, sehr große Fotos und Schrift, die sich wie ein Teil der Landschaft verhält.

Kapitel zum Anschauen

Die Geschichte ist in kurze Video-Kapitel aufgeteilt ("A new project", "Climbing at night"), die als kleine Karten neben den Fotos sitzen. Du liest, du scrollst, und wenn du Dani hören willst, drückst du auf Play. Eine Temperaturanzeige zählt auf minus vierzig runter, sobald du auf dem Eis ankommst. Das erklärt die Bedingungen besser als jeder Absatz.

Ausrüstung mitten in der Geschichte

Die Produkte tauchen da auf, wo sie Sinn ergeben: die Eigerjoch-Pro-Jacke genau neben der Szene, in der du sie haben wollen würdest, die Materialien in ein, zwei Zeilen erklärt und ein unaufgeregter "Shop Jacket"-Link. Danach schickt dich die Seite weiter ins nächste Kapitel, Gore-Tex Pro.

Unter der Haube

Eine Next.js-Seite, alle Inhalte in Contentful, ausgeliefert über Netlify, auf Englisch, Deutsch und Französisch. Die meiste Arbeit steckte darin, schwere Medien leicht wirken zu lassen: fünf Videos und eine lange Strecke randloser Fotos auf einer Seite, so geladen, dass das Scrollen nie ruckelt.

Bis heute eine meiner liebsten Seiten zum Durchscrollen, und das kann ich nicht über alles sagen, was ich ausgeliefert habe.

Einblicke

Aus dem Projekt

Ein Kletterer läuft im tiefen Sonnenlicht über den zugefrorenen See, daneben eine Anzeige mit minus 40 Grad
Die Eigerjoch-Jacke neben Expeditionsfotos und einer kleinen Videokarte von Dani Arnold

Technik

Eingesetzt

  • Next.js
  • React
  • Contentful
  • Netlify

Ein Projekt, das genauso besonders werden soll?