Scrollytelling

Ein Umsetzungskonzept für One4One.

Zum Konzept
Das Konzept

einfach, verständlich,
eindrucksvoll

Scrollytelling ist immer dann ein nützliches Tool, wenn es darum geht, komplexe Themen auf eindrucksvolle Art und Weise verständlich einer diversen Zielgruppe zu vermitteln.

Die webbasierte Darstellung ermöglicht es, die Inhalte für jeden via Link oder QR Code einfach und für jedes Endgerät optimiert zugänglich zu machen.
Zur Website
Schlüsselfaktor

Interaktivitiät durch Code

Durch die Code-basierte Darstellung können Inhalte, wie zum Beispiel Grafiken, interaktiv dargestellt werden.

Die direkte Interaktion mit der Thematik steigert die Verständlichkeit komplexer Themen und gibt dem User die Möglichkeit, sich tiefer mit dem Inhalt zu befassen.
Zur Website
integration

Immer bestens erklärt

Dynamische Layouts stellen sicher, dass Inhalte auf jedem Endgerät optimal dargestellt werden. Scroll-basierte Animationen stellen die Thematik durch eindrucksvolles Storytelling dar.

Durch die, Scroll abhängige Animation der Inhalte, erfährt jeder User die Erzählung in seiner eigenen Geschwindigkeit und kann sich so intuitiv von Punkt zu Punkt bewegen. So wird ein bestmögliches Verständnis für die Thematik erlangt.
Zur Website

Wie wird nun also Scrollytelling in die neue Website von One4One integriert?

Sektion 1

Navigation

Die Navigation enthält sowohl Verlinkungen zu den wichtigsten Unterpunkten als auch eine CTA.
Sektion 2

Header

Ein aussagekräftiger Header stellt das Wesentliche ins Zentrum. Eine Infobox mit einer Marktübersicht gibt schnell die Information, wo One4One Produkte gekauft werden können und wie sich engagiert werden kann.
Sektion 3

Scrollytelling

Folgend auf den Header wird das Konzept von One4One via interaktivem Scrollytelling in 3 Schritten erklärt.

Ein exaktes Storyboard wird in der Konzeptphase abgestimmt. Die Assets werden für Erklärvideomutationen für Social Media weiterverendet.
Sektion 4

Landing Page Inhalte

Weitere Inhalte werden entsprechend der bereits abgestimmten inhaltlichen Struktur dargestellt.
Sektion 5

Footer

Der Footer verlinkt zu wichtigen Legal Pages als auch zur B2B Subseite. Eine weitere CTA kann hier platziert werden.
amaaze // Felix Wagner
+43 660 480 72 53
ImpressumDatenschutzAGB