One-Pager
Eine Website, eine Seite, eine klare Botschaft. Das ist die Grundidee hinter einem One-Pager. Kein Klicken durch Unterseiten, kein Navigieren durch verschachtelte Menüs. Stattdessen scrollt der Besucher von oben nach unten und nimmt dabei genau die Informationen mit, die du ihm zeigen willst. Klingt simpel. Ist es auch, wenn es richtig gemacht wird.
Aber ein One-Pager ist nicht für jeden und nicht für alles geeignet. Wer das Konzept falsch einsetzt, verschenkt Potenzial oder verbaut sich aktiv Möglichkeiten. Deswegen lohnt es sich, den Begriff einmal sauber auseinanderzunehmen.
Was ist ein One-Pager genau?
Ein One-Pager (auch Onepager oder Single-Page-Website genannt) ist eine Website, die vollständig auf einer einzigen HTML-Seite aufgebaut ist. Es gibt keine Unterseiten. Alle Inhalte, egal ob Vorstellung, Leistungen, Referenzen oder Kontaktformular, befinden sich auf dieser einen Seite und werden durch Scrollen erreichbar.
Das Navigationsmenü funktioniert dabei anders als bei klassischen Websites. Statt zu einer neuen Seite zu führen, springen die Links zu bestimmten Abschnitten auf derselben Seite. Technisch nennt man das Ankerlinks.
Das Design folgt fast immer einem langen, vertikalen Layout, dem sogenannten Long-Scrolling. Der Inhalt wird in klar abgegrenzten Sektionen aufgeteilt. Jede Sektion hat ihren eigenen visuellen Charakter und ihren eigenen inhaltlichen Schwerpunkt, aber alles bleibt Teil einer zusammenhängenden Geschichte.
Für wen ist ein One-Pager gemacht?
Die Frage ist nicht technischer, sondern inhaltlicher Natur. Ein One-Pager funktioniert immer dann gut, wenn der Inhalt einer Website überschaubar und fokussiert ist.
Typische Anwendungsfälle:
Freiberufler und Selbstständige mit einem klar definierten Leistungsangebot. Ein Fotograf, ein Texter, ein Coach. Wer im Wesentlichen eine Sache anbietet und vor allem gefunden und kontaktiert werden möchte, braucht keine mehrseitige Website.
Kleine lokale Dienstleister wie Friseure, Physiotherapeuten oder Kosmetikstudios. Hier steht Information im Vordergrund, nicht organischer Suchtraffic über viele verschiedene Keywords.
Produktlaunches und Kampagnenseiten. Wenn ein einzelnes Produkt oder eine einzelne Aktion im Mittelpunkt steht, ist ein One-Pager ideal. In diesem Fall übernimmt er die Rolle einer klassischen Landing Page und ist auf genau eine Conversion ausgerichtet.
Event-Websites. Eine Veranstaltung, ein Datum, alle relevanten Infos auf einen Blick. Ein One-Pager ist hier die sauberste Lösung.
Portfolios. Besonders im kreativen Bereich sind One-Pager beliebt, weil sie Arbeiten ansprechend präsentieren, ohne den Besucher durch viele Unterseiten zu schicken.
Wie ist ein One-Pager aufgebaut?
Der Aufbau folgt einer klaren Logik. Der Besucher soll von oben nach unten durch eine Geschichte geführt werden. Diese Geschichte hat immer eine ähnliche Struktur:
Hero-Bereich ganz oben. Das ist der erste Eindruck. Hier steht die wichtigste Botschaft, oft ergänzt durch ein starkes Bild oder eine kurze Headline. Wer bist du, was machst du, warum sollte der Besucher bleiben?
Problemdarstellung oder Nutzenversprechen. Was hat der Besucher davon? Welches Problem löst du? Dieser Abschnitt baut die Brücke zwischen dem ersten Eindruck und dem konkreten Angebot.
Leistungen oder Angebot. Hier wird klar, was genau angeboten wird. Nicht zu ausführlich, aber konkret genug um Vertrauen aufzubauen.
Social Proof. Referenzen, Kundenstimmen, Logos von Auftraggebern. Dieser Abschnitt nimmt Skepsis und stärkt die Glaubwürdigkeit.
Call-to-Action. Am Ende steht immer ein klarer Handlungsaufruf. Kontaktformular, Telefonnummer, Buchungslink. Der Besucher soll wissen, was als nächstes zu tun ist.
Dieser Aufbau ist kein Zufall. Er folgt dem Prinzip, dass ein Besucher erst verstehen muss, wer du bist und was du anbietest, bevor er bereit ist zu handeln. Ein One-Pager zwingt dazu, diesen Weg konsequent zu denken.
One-Pager oder mehrseitige Website?
Die ehrliche Antwort lautet: Es kommt auf dein Ziel an.
Ein One-Pager ist die richtige Wahl, wenn du ein überschaubares Angebot hast, SEO keine große Rolle spielt oder die Website hauptsächlich als digitale Visitenkarte dient. Wenn du eine Kampagne oder ein Produkt launchen willst, ist ein One-Pager oft sogar die bessere Wahl als eine vollständige Website.
Eine mehrseitige Website ist die richtige Wahl, wenn du langfristig über Google gefunden werden willst, du mehrere unterschiedliche Leistungen anbietest, du einen Blog oder Magazin-Bereich planst oder dein Unternehmen skalieren soll.
Für viele Unternehmen im Mittelstand ist der richtige Ansatz eine professionelle mehrseitige Website, die gezielt mit SEO-Inhalten ausgebaut wird. Wer unsicher ist, welche Variante zu den eigenen Zielen passt, kann sich bei einer Webdesign Agentur unverbindlich beraten lassen.
| One-Pager | Mehrseitige Website | |
|---|---|---|
| Kosten | ✓ Günstiger | ✗ Höher |
| Umsetzungszeit | ✓ Schnell | ✗ Länger |
| SEO-Potenzial | ✗ Begrenzt | ✓ Hoch |
| Pflege | ✓ Einfach | ✗ Aufwändiger |
| Skalierbarkeit | ✗ Gering | ✓ Hoch |
| Conversion-Fokus | ✓ Sehr hoch | Variabel |
| Mobile-Nutzung | ✓ Optimal | ✓ Gut |
| Geeignet für | Freelancer, Kampagnen, Events, lokale Dienstleister | KMU, Online-Shops, Blogs, wachsende Unternehmen |
Was kostet ein One-Pager?
Die Kosten hängen stark davon ab, wer ihn umsetzt und wie aufwändig das Design sein soll.
Eine grobe Orientierung:
Ein selbst gebauter One-Pager über Baukastensysteme wie Squarespace oder Carrd ist schon ab wenigen Euro im Monat möglich. Professionell wirkt er dann aber meist nicht.
Ein professionell gestalteter und programmierter One-Pager durch eine Agentur liegt je nach Anforderungen zwischen 1.500 und 5.000 Euro. Das klingt nach viel, ist aber deutlich weniger als eine vollständige mehrseitige Website.
Entscheidend ist, dass ein One-Pager zu deinem Ziel passt, bevor du ihn beauftragst. Wer drei Jahre später auf eine mehrseitige Website umbauen muss, zahlt am Ende doppelt.
Technisch gut umgesetzt: Worauf es ankommt
Ein One-Pager steht und fällt mit seiner technischen Umsetzung. Folgende Punkte sind entscheidend:
Die Ladezeit muss stimmen. Eine einzelne Seite mit vielen Bildern und Animationen kann schwerer werden als eine ganze mehrseitige Website. Pagespeed ist besonders bei One-Pagern ein Thema, das ernst genommen werden muss.
Die Ankernavigation muss funktionieren. Wenn das Menü auf Abschnitte verweist, muss das reibungslos und schnell passieren. Ruckelnde oder fehlerhafte Navigation zerstört die Nutzererfahrung.
Das Mobile-Design muss von Anfang an mitgedacht werden. Ein One-Pager, der auf dem Desktop gut aussieht, aber auf dem Smartphone unlesbar ist, verfehlt seinen Zweck. Responsive Design ist keine Option, sondern Pflicht.
Die Conversion-Elemente müssen an der richtigen Stelle sitzen. Ein Kontaktformular, das erst nach sehr langem Scrollen auftaucht, kostet Anfragen. Auch ein gut sichtbarer CTA-Button im oberen Bereich ist für viele Besucher wichtig, die sofort wissen was sie wollen.
Wer sich mit der technischen Umsetzung nicht auskennt oder sicherstellen will, dass alle diese Punkte von Anfang an richtig umgesetzt werden, ist mit einem erfahrenen Webdesign-Team gut beraten.
