Above the Fold
Der Begriff stammt aus der Zeitungs-Welt: oberhalb der Faltkante steht das Wichtigste. Im Web hat sich der Begriff gehalten, weil dieser sichtbare Erstbereich auf jedem Gerät anders aussieht und doch immer die gleiche Aufgabe hat: in unter 5 Sekunden überzeugen.
Above the Fold – kurz erklärt
„Above the Fold“ bezeichnet den Bereich einer Website, der ohne Scrollen sofort sichtbar ist. Er entscheidet in den ersten Sekunden, ob ein Besucher bleibt oder zurück zu Google klickt.
Was Above the Fold gehört
1) Eindeutige Antwort auf „Was bietest du, für wen?“. 2) Konkretes Wertversprechen, kein Marketing-Geschwurbel. 3) Primärer Call-to-Action sichtbar. 4) Vertrauenssignale wie Bewertungen, Auszeichnungen oder bekannte Kunden direkt anlegen. 5) Visuelle Ruhe, damit der Blick zur Aktion findet.
Mobile Above the Fold ist anders
Auf dem Smartphone sind nur etwa 600 vertikale Pixel sichtbar. Hero-Bilder, lange Headlines und überladene Navigationsleisten verbrauchen davon schnell die Hälfte. Mobile-first denken heißt: zuerst entscheiden, was im Daumen-Sichtfeld stehen muss, dann das Layout drumherum bauen.
Above the Fold bei Systra Studios
Wir bauen jeden Hero mit klarem Wertversprechen, einer primären Aktion und mindestens einem sichtbaren Vertrauenssignal. Bilder werden komprimiert geladen, damit LCP unter 2,5 Sekunden bleibt. Im Briefing klären wir, welche Botschaft above the fold stehen muss, bevor das Design startet.
Häufige Fragen
Muss wirklich alles Wichtige above the fold stehen? Nein, aber das Wertversprechen und die primäre Aktion sollten dort sein. Studien zeigen, dass Nutzer durchaus scrollen, wenn die ersten Sekunden überzeugen. Aber genau diese Sekunden entscheiden über alles, was danach kommt.
Wie teste ich, was bei mir above the fold ist? Öffne deine Seite auf einem typischen Smartphone (iPhone, Pixel) ohne Scrollen. Was siehst du in den ersten 3 Sekunden? Wenn du die Frage „Was bietest du?“ nicht beantworten kannst, ohne zu scrollen, ist der Hero unklar.
Systra Studios
Gasselstiege 30L, 48159 Münster
Telefon: +49 151 11098288
E-Mail: info@systrastudios.de