Für Abendrot, die nachhaltige Pensionskasse aus Basel, durften wir eine Scrollytelling Microsite realisieren.

https://www.abendrot.ch/wirkungsreise/

Die Scroll Story erklärt die sozial bewusste und umweltfreundliche Anlagestrategie der Pensionskasse Abendrot. Die Geschichte beginnt in Basel auf dem Rhein, als 1985 die berufliche Vorsorge obligatorisch wird. Da Banken und Versicherungen keine ethisch vertretbaren Pensionslösungen anbieten, wird die Stiftung Abendrot gegründet. In einem kleinen Boot bricht Frau Abendrot auf zu neuen Ufern.

Im zweiten Kapitel geht es um Produkte und Praktiken, in die eben nicht investiert werden soll – symbolisiert durch Minenfelder und Haie. Periodisch kommen kurze Infohäppchen mit Schaltflächen, die auf Klick in einem Overlay vertiefte Informationen anbieten.

In der dritten Szene geht es um konkrete Investitionsmöglichkeiten: Nachhaltige Arialentwicklung und Immobilienprojekte, Börsenkotierte Anlagen zusammen mit der Stiftung Ethos und direkte Investitionen in sozial und ökologisch sinnvolle Projekte. Die Sprechblasen werden hier durch Info-Icons ergänzt, welche die Anlagen in einem Overlay genauer erklären.

An Land angekommen, geht es weiter mit einem Blick auf das Anlageportfolio der Stiftung Abendrot. Die Sichtweise wechselt zur Vogelperspektive als Sinnbild für einen Überblick. Durch das verweilen der Kamera wird die Szene visuell ruhiger und ermöglicht etwas gehaltvollere Informationen auf Textebene.

Als Finale kommt ein Ausblick auf die Ziele, die Abendrot in Zukunf mit ihren Investitionen erreichen will. Die Kamera macht einen 360° Rundumblick um den Leuchtturm im Zentrum. Oben steht Frau Abendrot mit einem Fernglas und schaut damit in die Zukunft. Am Ende macht sich das Team wieder auf zu neuen Ufern – dem Sonnenuntergang entgegen.

Realisiert haben wir das Projekt mit SVG Animationen und Javascript. Für die Scroll-abhängigen Animationen kam GSAP mit dem Plugin ScrollTrigger zum Einsatz. Die Illustrationen stammen aus der Feder von zeichenfabrik.ch. Das Storyboard wurde gemeinsam in Workshops entwickelt. Genug gelesen – hier gehts auf die Reise:
https://www.abendrot.ch/wirkungsreise/