Wodpress Scrollytelling: Storytelling über die Webseite

Beispiele Scrollytelling:

http://climateunderpressure.com/

https://welcometotheuniverse.net/

http://www.kaipoche.co/

https://www.nytimes.com/projects/2012/snow-fall/index.html#/?part=tunnel-creek

Prinzipien Scrollytelling:

  • Funktionialiät First!
  • Nur ein Konzept pro Bild
  • Eindeutige Botschaften: Bilder sollten 1 ! klare Botschaft übermitteln.
  • Text als Unterstützung und zur Erklärung

Psychologie hinter Scrollytelling

https://en.wikipedia.org/wiki/Picture_superiority_effect

https://de.wikipedia.org/wiki/Kognitive_Theorie_des_multimedialen_Lernens

https://de.wikipedia.org/wiki/Cognitive_Load_Theory

https://en.wikipedia.org/wiki/Dual_process_theory

WordPress Scrollytelling mit Elementor & Parallax Effekt

https://elementor.com/blog/introducing-motion-effects/

https://elementor.com/pages/motion-effects/

https://elementor.com/blog/parallax-effects/

How To Create Parallax Effects With Elementor

 

>>Zur Experimentierseite Scrollytelling