Funnel Thinking im Webdesign - Einblicke in Conversion Strukturen.
Wie du eine Website entlang des Marketing-Funnels denkst und strukturierst: Awareness, Consideration, Decision und Care, welcher Seitentyp auf welche Stufe gehört, welche CTAs passen und wie interne Führung Besucher zur Anfrage bringt. Mit klarem B2B-Fokus.
Viele Websites wirken wie digitale Broschüren. Sie präsentieren alles auf einmal: Produkte, Texte, Bilder, Menüs. Das Ergebnis? Nutzer fühlen sich überfordert, springen zwischen Themen hin und her - und verlieren schnell das Interesse.
Erfolgreiche Websites denken anders. Sie funktionieren wie ein Funnel: Sie fangen Aufmerksamkeit ein, bauen Interesse auf, schaffen Vertrauen und führen Schritt für Schritt zur Aktion. Jeder Abschnitt der Seite hat eine klare Aufgabe. Und genau diese Logik lässt sich ideal auf das Scrollverhalten übertragen.
Das Wichtigste in Kürze
- Funnel-Denken im Webdesign heißt, deine Website entlang der Kaufreise zu strukturieren: nicht eine Seite für alle, sondern für jede Funnel-Stufe die passende Seite, Botschaft und Aktion.
- Das gängigste Modell teilt den Funnel in drei Stufen: Top (TOFU, Awareness), Middle (MOFU, Consideration) und Bottom (BOFU, Decision). Jede Stufe braucht einen eigenen Seitentyp.
- Der häufigste Website-Fehler ist, alle Besucher wie kaufbereite Käufer zu behandeln. Wer im Awareness-Modus ankommt, springt bei einem harten Kaufen-jetzt-CTA ab.
- Im B2B ist Funnel-Denken 2026 Pflicht: Laut Gartner und Forrester haben Käufer rund 70 % ihrer Entscheidung getroffen, bevor sie den Vertrieb kontaktieren. Deine Website ist der Funnel, nicht nur eine Visitenkarte.
- Jede Seite braucht genau einen nächsten Schritt, der zur Funnel-Stufe passt: weiterlesen im Awareness, vergleichen im Consideration, anfragen im Decision. Interne Verlinkung führt statt zu Sackgassen.
Was bedeutet Funnel-Denken im Webdesign?
Funnel-Denken im Webdesign bedeutet, deine Website nicht als eine große Broschüre zu bauen, sondern als geführten Weg entlang der Kaufreise. Der Marketing-Funnel (deutsch: Trichter) beschreibt die Stufen, die ein Mensch durchläuft, bevor er zum Kunden wird: von der ersten Aufmerksamkeit über das Abwägen bis zur Entscheidung. Funnel-Denken heißt, für jede dieser Stufen die passende Seite, die passende Botschaft und den passenden nächsten Schritt bereitzustellen.
Der entscheidende Perspektivwechsel: Nicht jeder Besucher steht an derselben Stelle. Manche googeln zum ersten Mal ein Problem und wissen noch gar nicht, dass es dich gibt. Andere vergleichen bereits drei Anbieter und suchen den letzten Grund zuzusagen. Eine Website, die beide gleich behandelt, verliert beide. Der eine wird von einem harten Kaufen-jetzt-Button erschlagen, der andere findet die Preise nicht. Funnel-Denken löst genau dieses Problem, indem es Seiten nach Kaufabsicht sortiert statt nach internem Abteilungsdenken.
Wichtig: Es geht hier um Struktur und Seitenarchitektur, nicht um die Detailoptimierung einzelner Seiten. Wie du eine konkrete Seite auf mehr Anfragen trimmst, steht in unseren Artikeln zu Conversion-Optimierung und Landingpage optimieren. Dieser Text liefert die Landkarte darüber.
Welche Funnel-Modelle solltest du kennen?
Du musst kein Modell auswendig lernen, aber du solltest die drei geläufigsten kennen, weil sie dieselbe Idee aus verschiedenen Blickwinkeln beschreiben. Sie widersprechen sich nicht, sie ergänzen sich.
AIDA ist das älteste, bereits 1898 formuliert. Es beschreibt vier psychologische Phasen: Attention (Aufmerksamkeit), Interest (Interesse), Desire (Wunsch), Action (Handlung). AIDA erklärt, was im Kopf des Besuchers passiert, und ist damit die Grundlage für Botschaften und Reihenfolge auf einer einzelnen Seite.
TOFU / MOFU / BOFU ist das praktischste Modell für die Website-Struktur. Es teilt den Funnel in Top of the Funnel (Awareness), Middle of the Funnel (Consideration) und Bottom of the Funnel (Decision). Genau diese Dreiteilung nutzen wir gleich, um Seitentypen zuzuordnen.
See-Think-Do-Care von Avinash Kaushik (2013) ergänzt eine oft vergessene vierte Stufe: Care, also Bestandskunden und Fürsprecher. Der Vorteil dieses Modells ist die Sortierung nach Absicht statt nach Trichter-Mechanik, was besonders zur Realität moderner, nicht-linearer Kaufreisen passt. Für die Praxis reicht dir TOFU/MOFU/BOFU plus die Care-Stufe im Hinterkopf.
Welche Seite gehört auf welche Funnel-Stufe?
Hier wird Funnel-Denken konkret. Der zentrale Gedanke: Jede Funnel-Stufe hat eine eigene Aufgabe, und dafür braucht es einen eigenen Seitentyp mit einer eigenen Botschaft und einem eigenen nächsten Schritt. Wer im Awareness-Modus ankommt, will lernen, nicht kaufen. Wer im Decision-Modus ankommt, will Beweise und einen klaren Weg zur Anfrage. Die folgende Zuordnung ist der praktische Kern dieses Artikels.
Top of the Funnel: Seiten, die entdeckt werden
Auf der Awareness-Stufe kommen Besucher an, die ein Problem haben, aber deine Marke noch nicht kennen. Die Aufgabe der Seite ist nicht Verkaufen, sondern gefunden werden und Kompetenz zeigen. Passende Seitentypen sind Blog- und Ratgeber-Artikel, ein Wissens- oder Glossar-Bereich, Studien und informative Übersichtsseiten. Genau solche Inhalte werden auch von Suchmaschinen und KI-Antworten bevorzugt zitiert. Der nächste Schritt hier ist bewusst weich: ein verwandter Artikel, ein Download, ein Newsletter. Ein harter Kauf-CTA an dieser Stelle vertreibt mehr, als er bringt. Wie du solche Inhalte schreibst, damit sie gefunden werden, steht in SEO-Texte schreiben.
Middle of the Funnel: Seiten, die überzeugen
Auf der Consideration-Stufe weiß der Besucher, dass er ein Problem lösen will, und vergleicht jetzt Wege und Anbieter. Die Aufgabe der Seite ist, Vertrauen aufzubauen und deinen Ansatz greifbar zu machen. Passende Seitentypen sind Leistungs- und Lösungsseiten, Referenzen und Case Studies, Vergleichs- und Wie-funktioniert-Seiten, Whitepaper und Webinare. Hier zeigst du, wie du arbeitest und welche Ergebnisse du lieferst. Der nächste Schritt darf konkreter werden: eine Case Study lesen, ein Whitepaper anfordern, ein Erstgespräch in Aussicht stellen, ohne schon zu drängen.
Bottom of the Funnel: Seiten, die zum Abschluss führen
Auf der Decision-Stufe ist der Besucher grundsätzlich überzeugt und sucht die letzten Gründe zuzusagen sowie einen reibungslosen Weg dorthin. Die Aufgabe der Seite ist, Zweifel auszuräumen und die Anfrage so leicht wie möglich zu machen. Passende Seitentypen sind die Kontakt- und Anfrageseite, Preis- und Paketseiten, Demo- oder Terminbuchung, Angebots-Landingpages. Hier gehören Vertrauenssignale direkt an die Entscheidung: echte Referenzen, konkrete Ergebnisse, transparente nächste Schritte. Der CTA ist jetzt eindeutig und benennt den Nutzen, etwa Kostenloses Erstgespräch buchen. Wie du genau diese Seiten schärfst, steht in Landingpage optimieren. Was eine solche Seite realistisch kostet, steht in Landingpage-Kosten.
Care: Seiten, die aus Kunden Fürsprecher machen
Der Funnel endet nicht mit dem Kauf, und deine Website auch nicht. Auf der Care-Stufe geht es um Bestandskunden: Onboarding-Bereiche, Hilfe- und Wissensdatenbanken, Kundenportale, ein laufender Blog. Zufriedene Kunden werden hier zu Wiederkäufern und Empfehlern. Gerade im B2B ist das der günstigste Wachstumskanal, weil eine echte Referenz mehr überzeugt als jede Anzeige. Viele Websites vergessen diese Stufe komplett und verschenken damit den wertvollsten Teil der Kundenbeziehung.
Wie sieht die Funnel-Struktur auf einer Website konkret aus?
Die folgende Tabelle fasst die Zuordnung zusammen: Funnel-Stufe, passender Seitentyp, Ziel der Seite und der dazu passende Call-to-Action. Nutze sie als Checkliste, wenn du deine Seitenstruktur oder ein Menü planst. Wenn eine Stufe keine eigene Seite hat, hast du eine Lücke im Funnel, an der Besucher abspringen.
Funnel-Stufe, Seitentyp, Ziel und passender CTA
| Funnel-Stufe | Seitentyp | Ziel | Passender CTA |
|---|---|---|---|
| TOFU (Awareness) | Blog, Ratgeber, Wissen, Glossar | Gefunden werden, Kompetenz zeigen | Weiterlesen, Newsletter, Download |
| MOFU (Consideration) | Leistung, Case Study, Vergleich | Vertrauen aufbauen, Ansatz zeigen | Case Study lesen, Whitepaper holen |
| BOFU (Decision) | Kontakt, Preise, Terminbuchung | Zweifel ausräumen, Anfrage erleichtern | Erstgespräch buchen, anfragen |
| Care (Bindung) | Onboarding, Hilfe, Kundenportal | Kunden halten, Empfehler gewinnen | Weiterempfehlen, Support, Upsell |
Wie führst du Besucher durch den Funnel?
Seitentypen allein reichen nicht. Der Funnel funktioniert nur, wenn du Besucher aktiv von Stufe zu Stufe führst, statt sie in Sackgassen zu lassen. Drei Prinzipien entscheiden darüber.
Ein Ziel pro Seite. Jede Seite braucht genau einen primären nächsten Schritt, der zur Funnel-Stufe passt. Ein Blogartikel muss nicht verkaufen, er soll zur nächsten passenden Seite führen. Zu viele gleichwertige Optionen lähmen die Entscheidung. Der stärkste Fehler ist ein Kaufen-jetzt-Button auf einer Awareness-Seite.
Interne Verlinkung als Funnel-Logik. Deine internen Links sind die Gänge im Trichter. Ein Ratgeber verlinkt auf die passende Leistungsseite, die Leistungsseite auf eine Case Study, die Case Study auf das Kontaktformular. So wird aus einzelnen Seiten ein Weg. Nebeneffekt: Diese Struktur hilft auch bei SEO, weil sie Relevanz und Zusammenhang signalisiert.
CTA passend zur Absicht. Der Aufruf zur Handlung muss zur Stufe passen. Weich oben, konkret unten. Wer den harten CTA zu früh setzt, verliert Awareness-Besucher. Wer ihn unten weglässt, verliert kaufbereite. Die Kunst ist, den richtigen Schritt zum richtigen Zeitpunkt anzubieten, nicht überall denselben.
Warum ist Funnel-Denken im B2B 2026 entscheidend?
Im B2B ist Funnel-Denken keine Kür, sondern Grundlage. Der Grund liegt in einer Verschiebung, die 2026 messbar ist: Laut Gartner und Forrester haben B2B-Käufer rund 70 % ihrer Entscheidung getroffen, bevor sie überhaupt mit dem Vertrieb sprechen. Laut 6sense definieren Käufer in 83 % der Fälle ihre Anforderungen weitgehend, bevor sie den ersten Kontakt aufnehmen. Das heißt: Der größte Teil der Kaufreise findet still auf deiner Website statt, ohne dass jemand aus deinem Team dabei ist.
Für deine Website hat das eine harte Konsequenz. Sie ist nicht mehr die digitale Visitenkarte neben dem eigentlichen Verkauf, sie ist der Verkauf, zumindest die entscheidenden 70 %. Wenn ein Interessent auf deiner Seite nicht die Awareness-Inhalte findet, die ihn abholen, die Consideration-Beweise, die ihn überzeugen, und den klaren Decision-Weg, der ihn zur Anfrage führt, dann fällt er aus deiner Vorauswahl, bevor du überhaupt von ihm weißt. Dazu kommt: Ein typischer B2B-Kauf betrifft mehrere Personen im Buying Center, die alle unterschiedlich weit im Funnel stehen und alle auf deiner Website Antworten suchen.
Genau hier setzt unsere Arbeit an. Wir bauen B2B-Websites von der Struktur her als Funnel: mit Seiten für jede Stufe, klarer interner Führung und Vertrauenssignalen genau dort, wo die Entscheidung fällt. Eine Corporate Website, die als Funnel gedacht ist, arbeitet für dich, auch wenn niemand aus dem Vertrieb online ist. Für Startups, die mit begrenztem Budget starten, ist genau diese Struktur der Unterschied zwischen Präsenz und Vertriebskanal, mehr dazu unter Webdesign für Startups.
Häufige Fragen
Funnel-Denken bedeutet, die Website entlang der Kaufreise zu strukturieren: Für jede Funnel-Stufe (Awareness, Consideration, Decision, Care) gibt es einen eigenen Seitentyp mit passender Botschaft und passendem nächsten Schritt. So wird die Website vom statischen Katalog zu einem geführten Weg, der Besucher Schritt für Schritt zur Anfrage bringt.
TOFU (Top of the Funnel) ist die Awareness-Stufe, auf der Besucher dich entdecken, etwa über Blog- und Ratgeberartikel. MOFU (Middle of the Funnel) ist die Consideration-Stufe, auf der du mit Leistungsseiten und Case Studies überzeugst. BOFU (Bottom of the Funnel) ist die Decision-Stufe, auf der Kontakt-, Preis- und Buchungsseiten zum Abschluss führen.
Der Marketing-Funnel macht Menschen auf dich aufmerksam und qualifiziert sie zu Interessenten, meist still über deine Website und Inhalte. Der Sales-Funnel setzt danach an und führt einen qualifizierten Lead zum Abschluss, oft im persönlichen Gespräch. Für die Website-Struktur ist vor allem der Marketing-Funnel relevant, weil dort der größte Teil der Vorauswahl passiert.
Die drei geläufigsten sind AIDA (Attention, Interest, Desire, Action) als psychologisches Modell, TOFU/MOFU/BOFU als praktisches Struktur-Modell und See-Think-Do-Care von Avinash Kaushik, das die Care-Stufe für Bestandskunden und Fürsprecher ergänzt. Sie widersprechen sich nicht, sondern beschreiben dieselbe Kaufreise aus verschiedenen Blickwinkeln.
Jede Website, die Anfragen oder Verkäufe erzeugen soll, hat bereits einen Funnel, ob geplant oder nicht. Die Frage ist nur, ob er bewusst gestaltet ist. Ohne Funnel-Denken landen alle Besucher auf denselben Seiten mit denselben Aufforderungen, egal wie weit sie sind. Mit Funnel-Denken bekommt jeder den passenden nächsten Schritt, was die Conversion spürbar erhöht.
Funnel-Denken ist die Struktur, Conversion-Optimierung ist die Feinarbeit an einzelnen Seiten. Zuerst sorgst du dafür, dass für jede Kaufreise-Stufe die richtige Seite existiert und Besucher auf dem Weg geführt werden. Danach optimierst du jede dieser Seiten auf ihre konkrete Aufgabe. Ohne die richtige Struktur läuft jede Einzeloptimierung ins Leere.
