W Web-Präsenz
Berufsfeld Informatik · Lernmodul

Wie aus Aufmerksamkeit ein Klick wird.

Eine interaktive Zusammenfassung der Web-Präsenz: das AIDA-Modell, das Kreislaufmodell, Googles Messy Middle und die Kaufpsychologie — erklärt an konkreten Beispielen, mit Glossar, Quiz und Übungsfragen zum Selbsttest.

Mit dem Rückblick starten → Direkt zum Quiz
4
AIDA-Phasen
3
Flywheel-Stufen
6
Denk-Verzerrungen
1898
AIDA seit
Wiederholung · Grundlagen und Infrastruktur

Rückblick: Termin 1–5

Bevor es um die Landing-Page geht, hier alles Bisherige zum Aufklappen. Tippe auf einen Termin, um die Kernpunkte zu sehen.

{{ p.label }} {{ p.text }}
Konzept 1 · Grundlage jeder Konversion

Das AIDA-Modell

Vier Phasen, die eine Persona nacheinander durchläuft, bevor sie sich entscheidet. Jede Phase muss auf der Landing-Page gezielt durch Design, Text und Struktur bedient werden.

Entwickelt von Elias St. Elmo Lewis (1898) — das älteste und bis heute fundamentale Stufenmodell der Werbewirkung.

↓ vom Blick zum Klick
{{ aidaDetail.letter }}

{{ aidaDetail.title }}

Das Ziel

{{ aidaDetail.ziel }}

Auf der Landing-Page

{{ aidaDetail.lp }}

Beispiel · CleverHaus

{{ aidaDetail.example }}

Konzept 2 · Das Schwungrad

Das Kreislaufmodell (Flywheel)

Statt eines Trichters, der beim Kauf „endet“, denkt das Flywheel in einem Kreislauf: Zufriedene Kunden werden zu Fürsprechern und treiben das Rad selbst weiter an.

Nach Halligan, B. (2018): Replacing the sales funnel with the sales flywheel, Harvard Business Review.

CleverHaus
wächst
Momentum ↻
{{ flyDetail.num }}

{{ flyDetail.title }}

{{ flyDetail.desc }}

Beispiel · CleverHaus

{{ flyDetail.example }}

Konzept 3 · Die Realität

Googles „Messy Middle“

In der Realität ist der Weg zwischen Aufmerksamkeit und Kauf kein direkter Pfad, sondern ein chaotisches Mittelfeld. Der Nutzer pendelt zwischen zwei Modi — bis er kauft.

Auf­merk­samkeit
im Kreis: erkunden ⇄ bewerten
Kauf

{{ messyDetail.title }}

{{ messyDetail.mode }}

{{ messyDetail.note }}

{{ c }}
Konzept 4 · Kognitive Verzerrungen

Was Kaufentscheidungen beeinflusst

Sechs mentale Abkürzungen, die im Messy Middle wirken. Tippe auf eine Karte, um das CleverHaus-Beispiel zu sehen.

{{ b.icon }}
{{ b.title }}
{{ b.en }}

{{ b.desc }}

Beispiel · CleverHaus

{{ b.example }}

Fachwörter · Englisch → Deutsch

Glossar

Jeder englische Fachbegriff mit deutscher Übersetzung und kurzer Erklärung. Suchen oder nach Kategorie filtern.

{{ glossaryCount }} Begriffe
{{ g.en }} {{ g.cat }}
→ {{ g.de }}

{{ g.desc }}

Selbsttest · Multiple Choice

Quiz

Wähle eine Antwort und klicke auf Antwort prüfen. Du bekommst sofort richtig/falsch mit Erklärung.

{{ quizScore.correct }}/{{ quizScore.total }}
richtig · {{ quizScore.done }} beantwortet
{{ q.num }}

{{ q.q }}

{{ q.resultLabel }} {{ q.explanation }}
Selbst antworten · Offene Fragen

Übungsfragen

Schreibe deine Antwort ins Feld, klicke auf Lösung anzeigen und vergleiche selbst mit der Musterlösung.

{{ o.num }}

{{ o.q }}

{{ o.hintLine }}
Musterlösung — vergleiche selbst

{{ o.answer }}

Praxisbezug · Sprint-Aufgaben

Vom Modell zur eigenen Landing-Page.

Aufgabe 1 · AIDA-Frontend

Landing-Page nach AIDA gestalten: Value Proposition, Logo & Slogan in der Primärfarbe, Early-Bird-Nutzen und ein klarer CTA für die E-Mail-Anmeldung.

Aufgabe 2 · Die Aktivierung

Den Schritt nach dem Klick mitdenken: eine automatische Bestätigungs-E-Mail, die den Tone of Voice trifft und Erwartungsmanagement betreibt.