Header & Navigation · 5 Optionen · SSR Angebot-Modul
Zur Auswahl

Fünf Wege, den Header sauber zu lösen

Das Angebot hat zehn Sektionen. In einer Zeile mit Logo und CTA kollidieren zehn Links — das Logo wird verdrängt, „Ihr Angebot" läuft in die Sprach-Auswahl. Unten fünf ausgereifte Muster, jeweils live und bedienbar. Jedes ist als Konfigurator-Modul umsetzbar (umschaltbar wie die anderen Module).

Ist-Zustand: ein Flex-Row mit 10 Links + breiter CTA → Überlauf. Jede Option unten behebt das strukturell, nicht per Verkleinern.
1

Priority+ mit „Mehr"-Menü

Die wichtigsten 5 Links direkt sichtbar, der Rest sammelt sich hinter „Mehr". Klassisch, platzsicher, ein Klick zu allem. Kollidiert nie — Überschuss wandert ins Dropdown.
Kein ÜberlaufVertrautWenig Umbau
wertsteigerung.serielle-fassadensanierung.de
SSRSSRSerielle Fassadensanierung
Wertfenster sichern
Sektion 1

Ihre Ersparnis, Monat für Monat

Der Header bleibt kompakt: fünf Kernsektionen inline, die restlichen fünf einen Klick entfernt unter „Mehr".

2

Zwei-Zeilen-Header (Utility + Navigation)

Zeile 1: Logo + Sprache/Theme/CTA. Zeile 2: die volle Navigation als eigene Leiste mit Scroll-Spy-Unterstrich; bei wenig Platz horizontal scrollbar. Alle 10 Sektionen sichtbar, null Kollision.
Alle Links sichtbarScroll-SpyKlare Trennung
wertsteigerung.serielle-fassadensanierung.de
SSRSSRSerielle Fassadensanierung
Mein Wertfenster sichern
Sektion 1

Ihre Ersparnis, Monat für Monat

Utility oben, Navigation als eigene Ebene darunter — die zwei Aufgaben teilen sich nicht mehr eine Zeile.

3

Fortschritts-Stepper (geführtes Angebot)

Statt Textlinks ein schlanker Fortschritts-Indikator: der Kunde sieht, wo er im Angebot steht, und springt per Punkt. Passt zum Präsentations-Charakter. Mobil wird daraus „Schritt 3 / 10".
Führt den KundenPremium-FeelSehr kompakt
wertsteigerung.serielle-fassadensanierung.de
SSRSSRSerielle Fassadensanierung
Schritt 1 / 10
Wertfenster sichern
Sektion 1 von 10

Ihre Ersparnis, Monat für Monat

Der Header wird zum Wegweiser durch das Angebot — Orientierung statt Linkliste. Punkt anklicken zum Springen.

4

Minimal + Menü-Overlay

Der Header trägt nur Logo, Sprache/Theme, CTA und einen „Menü"-Knopf. Die komplette Navigation öffnet als elegantes Vollflächen-Overlay, gruppiert nach den 7 Konfigurator-Kategorien. Desktop und Mobil identisch, maximal ruhig.
Ruhigster HeaderGruppiertDesktop=Mobil
wertsteigerung.serielle-fassadensanierung.de
SSRSSRSerielle Fassadensanierung
Wertfenster sichern
Sektion 1

Ihre Ersparnis, Monat für Monat

Klick auf „Menü" öffnet die gruppierte Navigation über der Seite. Der Header selbst bleibt reduziert.

Einstieg & Wert
ErsparnisIhre BilanzIhr Angebot
Förderung & Finanzen
FörderungFinanzierung
Ihr Gebäude
3D-ModellIhr Haus
Leistung & Vertrauen
Leistungen im DetailLeistungenTeam
5

Vertikale Side-Dock-Navigation

Navigation raus aus der Kopfzeile: eine schlanke vertikale Punkt-Leiste rechts mit Scroll-Spy, Label beim Hover. Der Header trägt nur Logo + Tools + CTA, der Inhalt bekommt volle Breite. Stark für lange Präsentationsseiten.
Volle InhaltsbreiteImmer sichtbarLong-form SOTA
wertsteigerung.serielle-fassadensanierung.de
SSRSSRSerielle Fassadensanierung
Mein Wertfenster sichern
Sektion 1

Ihre Ersparnis, Monat für Monat

Die Navigation lebt rechts als Punkt-Dock — dezent, immer sichtbar, ohne dem Header Platz zu nehmen.

Alle fünf laufen live in dieser Seite in SSR-CI (Hell/Dunkel oben umschaltbar). Sag mir die Nummer — dann baue ich sie als umschaltbares Header-Modul in den Konfigurator und ersetze den kollidierenden Header im Angebot.