{"id":1454,"date":"2025-09-29T19:33:15","date_gmt":"2025-09-29T19:33:15","guid":{"rendered":"https:\/\/www.taywa.ch\/blog\/?p=1454"},"modified":"2025-09-30T08:02:57","modified_gmt":"2025-09-30T08:02:57","slug":"abendrot-wirkungsreise-scroll-story","status":"publish","type":"post","link":"https:\/\/www.taywa.ch\/blog\/js\/abendrot-wirkungsreise-scroll-story\/","title":{"rendered":"Abendrot Wirkungsreise Scroll Story"},"content":{"rendered":"<h3>F\u00fcr Abendrot, die nachhaltige Pensionskasse aus Basel, durften wir eine Scrollytelling Microsite realisieren.<\/h3>\n<p><a href=\"https:\/\/www.abendrot.ch\/wirkungsreise\/\">https:\/\/www.abendrot.ch\/wirkungsreise\/<\/a><\/p>\n<p><a href=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/ref-labtop-wirkungsreise.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/ref-labtop-wirkungsreise.jpg\" alt=\"Scrollytelling mal horizontal\" width=\"800\" height=\"500\" class=\"alignnone size-full wp-image-1455\" srcset=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/ref-labtop-wirkungsreise.jpg 800w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/ref-labtop-wirkungsreise-300x188.jpg 300w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/ref-labtop-wirkungsreise-768x480.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Die <strong>Scroll Story erkl\u00e4rt die sozial bewusste und umweltfreundliche Anlagestrategie<\/strong> 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\u00f6sungen anbieten, wird die Stiftung Abendrot gegr\u00fcndet. In einem kleinen Boot bricht Frau Abendrot auf zu neuen Ufern. <\/p>\n<p>Im zweiten Kapitel geht es um Produkte und Praktiken, in die eben nicht investiert werden soll &#8211; symbolisiert durch Minenfelder und Haie. Periodisch kommen kurze Infoh\u00e4ppchen mit Schaltfl\u00e4chen, die auf Klick in einem Overlay vertiefte Informationen anbieten. <\/p>\n<p><a href=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-35-51.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-35-51-1024x655.png\" alt=\"Emotionale Website mit Hintergrundmusik und Soundeffekten\" width=\"1024\" height=\"655\" class=\"alignnone size-large wp-image-1457\" srcset=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-35-51-1024x655.png 1024w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-35-51-300x192.png 300w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-35-51-768x491.png 768w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-35-51-1536x982.png 1536w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-35-51.png 1672w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>In der dritten Szene geht es um konkrete Investitionsm\u00f6glichkeiten: Nachhaltige Arialentwicklung und Immobilienprojekte, B\u00f6rsenkotierte Anlagen zusammen mit der Stiftung Ethos und direkte Investitionen in sozial und \u00f6kologisch sinnvolle Projekte. Die Sprechblasen werden hier durch Info-Icons erg\u00e4nzt, welche die Anlagen in einem Overlay genauer erkl\u00e4ren.<\/p>\n<p><a href=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-57-28.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-57-28-1024x655.png\" alt=\"SVG Animationen bereichen Scroll Story\" width=\"1024\" height=\"655\" class=\"alignnone size-large wp-image-1458\" srcset=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-57-28-1024x655.png 1024w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-57-28-300x192.png 300w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-57-28-768x491.png 768w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-57-28-1536x982.png 1536w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-20-57-28.png 1672w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>An Land angekommen, geht es weiter mit einem Blick auf das Anlageportfolio der Stiftung Abendrot. Die Sichtweise wechselt zur Vogelperspektive als Sinnbild f\u00fcr einen \u00dcberblick. Durch das verweilen der Kamera wird die Szene visuell ruhiger und erm\u00f6glicht etwas gehaltvollere Informationen auf Textebene.<\/p>\n<p><a href=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-03-34.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-03-34-1024x655.png\" alt=\"Webseite vermittelt Komplexe Inhalte packend und leicht verst\u00e4ndlich\" width=\"1024\" height=\"655\" class=\"alignnone size-large wp-image-1459\" srcset=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-03-34-1024x655.png 1024w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-03-34-300x192.png 300w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-03-34-768x491.png 768w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-03-34-1536x982.png 1536w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-03-34.png 1672w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Als Finale kommt ein Ausblick auf die Ziele, die Abendrot in Zukunf mit ihren Investitionen erreichen will. Die Kamera macht einen 360\u00b0 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 &#8211; dem Sonnenuntergang entgegen.<\/p>\n<p><a href=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-19-36.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-19-36-1024x655.png\" alt=\"360 Grad Animation auf Webseite\" width=\"1024\" height=\"655\" class=\"alignnone size-large wp-image-1460\" srcset=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-19-36-1024x655.png 1024w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-19-36-300x192.png 300w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-19-36-768x491.png 768w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-19-36-1536x982.png 1536w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2025\/09\/Screenshot-from-2025-09-29-21-19-36.png 1672w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Realisiert haben wir das Projekt mit SVG Animationen und Javascript. F\u00fcr die Scroll-abh\u00e4ngigen Animationen kam GSAP mit dem Plugin ScrollTrigger zum Einsatz. Die Illustrationen stammen aus der Feder von <a href=\"https:\/\/www.zeichenfabrik.ch\">zeichenfabrik.ch<\/a>. Das Storyboard wurde gemeinsam in Workshops entwickelt. Genug gelesen &#8211; hier gehts auf die Reise:<br \/>\n<a href=\"https:\/\/www.abendrot.ch\/wirkungsreise\/\">https:\/\/www.abendrot.ch\/wirkungsreise\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>F\u00fcr Abendrot, die nachhaltige Pensionskasse aus Basel, durften wir eine Scrollytelling Microsite realisieren. https:\/\/www.abendrot.ch\/wirkungsreise\/ Die Scroll Story erkl\u00e4rt 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\u00f6sungen anbieten, wird die Stiftung Abendrot<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,9],"tags":[],"class_list":["post-1454","post","type-post","status-publish","format-standard","hentry","category-css","category-js"],"_links":{"self":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/1454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/comments?post=1454"}],"version-history":[{"count":7,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/1454\/revisions"}],"predecessor-version":[{"id":1466,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/1454\/revisions\/1466"}],"wp:attachment":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/media?parent=1454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/categories?post=1454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/tags?post=1454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}