CP Registry
Findbarkeit

Use-Case-Index

Nicht nach Komponenten-Name suchen — nach Anwendungsfall. Was du brauchst, finden wir hier.

Seite eröffnen

  • Klassischer Seiteneinstieg mit Aufmerksamkeits-Bild

    Hero

    ✓ WarumMaximaler Impact, Headline + 2 CTAs

    ✗ VermeidenAuf Inhaltsseiten — da reicht Breadcrumbs + H1

  • Kompakter Header für Unterseiten

    Hero (compact)Breadcrumbs

    ✓ WarumKlare Verortung ohne große Bildflaeche

    ✗ VermeidenHero-Bild bei reinen Inhaltsseiten

  • Promo-Box für eine Aktion

    CTA-Banner

    ✓ WarumFällt auf, ist deutlich Aktion-getriggert

    ✗ VermeidenMehrere Banner übereinander

  • Direkter Call-to-Action ohne viel Drumherum

    CTA-Buttons

    ✓ Warum1-2 große Buttons zentriert — für Convertion-Punkte

    ✗ VermeidenMehr als 3 Buttons in einer Reihe

Inhalte vergleichen

  • Mehrere Produkte oder Services nebeneinander

    Karten-Grid

    ✓ WarumParallele Struktur zum Scannen

    ✗ VermeidenWenn Texte sehr unterschiedlich lang sind

  • Tarife oder Pakete mit Eigenschaften

    TabelleKarten-Grid

    ✓ WarumTabelle bei vielen Werten, Cards für Featured

    ✗ VermeidenTabelle auf Mobil mit > 4 Spalten

  • Vorher/Nachher oder zwei Optionen

    TabsImage+Text

    ✓ WarumTabs zum Toggeln, Image+Text für Side-by-side

    ✗ VermeidenSide-by-side wenn Inhalte unterschiedlich umfangreich sind

Inhalte erklären

  • Lange Erklärung mit Hierarchie

    Text-Inhalt mit H2/H3JumpTo

    ✓ WarumHeading-Treppe + Inhaltsverzeichnis

    ✗ VermeidenUeberlange Absätze ohne Untertitel

  • Bild mit Erklärungstext

    Image+TextTeaser

    ✓ WarumImage+Text für ausfuehrlich, Teaser kompakt

    ✗ VermeidenBeide nebeneinander mit aehnlicher Aussage

  • Schritt-für-Schritt-Anleitung

    Grid mit Text-InhaltSlider

    ✓ WarumGrid macht alle Schritte sichtbar, Slider fokussiert

    ✗ VermeidenSlider bei kritischen Pflichtinformationen

  • Vorteile oder Features auflisten

    Karten-GridText-Inhalt mit Liste

    ✓ WarumCards mit Icons für Highlights, Liste für Detail

    ✗ VermeidenMehr als 8 Cards ohne Gruppierung

Vertrauen aufbauen

  • Kundenstimme mit Foto

    Quote (mit-foto)

    ✓ WarumSozialer Beweis mit Person

    ✗ VermeidenStockfotos ohne Kontext

  • Mehrere Testimonials

    Grid mit Quote-Items

    ✓ Warum3 nebeneinander wirken stark

    ✗ VermeidenNur 2 — wirkt zufällig

  • Auszeichnungen / Logos

    Bildergalerie

    ✓ WarumVisueller Beweis ohne Text

    ✗ VermeidenMehr als 8 Logos ohne Kategorisierung

Beantworten

  • Häufig gestellte Fragen

    FAQ (Accordion)

    ✓ WarumGruppierte aufklappbare Antworten

    ✗ VermeidenPflichtinhalte verstecken

  • Hilfe-Hinweis im Inhalt

    Alert / Hinweis

    ✓ WarumAuffällig, nicht störend

    ✗ VermeidenMehrere Alerts auf derselben Seite

  • Wichtige Änderung mitteilen

    Alert (variant=warning)CTA-Banner

    ✓ WarumKlar markiert, Action möglich

    ✗ VermeidenZu viele Farben gleichzeitig

Kontakt aufnehmen

  • Anfrage-Formular

    Kontaktformular

    ✓ WarumStrukturierte Eingaben, Pflichtfelder klar

    ✗ VermeidenMehr als 7 Felder

  • Newsletter-Anmeldung

    CTA-Banner mit Input

    ✓ WarumNiedrige Schwelle, ein Feld + Button

    ✗ VermeidenZu viele Erklärungen vor dem Submit

  • Störung melden

    CTA-Buttons (Hotline + Form)

    ✓ WarumZwei Wege, je nach Dringlichkeit

    ✗ VermeidenNur Formular bei kritischen Anliegen

Navigieren

  • Hauptmenue der Seite

    Navigation

    ✓ WarumKonsistent über alle Seiten

    ✗ VermeidenMehr als 7 Top-Level-Einträge

  • Pfad zur aktuellen Seite zeigen

    Breadcrumbs

    ✓ WarumOrientierung in tiefen Strukturen

    ✗ VermeidenAuf der Startseite

  • Sprungziele auf einer langen Seite

    JumpTo

    ✓ WarumSchneller Zugriff auf Sektionen

    ✗ VermeidenBei Seiten unter 3 Sektionen

  • Liste mit vielen Einträgen

    PaginationSlider

    ✓ WarumPagination für durchsuchbare Listen, Slider für kuratierte

    ✗ VermeidenPagination unter 12 Einträgen

Medien zeigen

  • Galerie mit mehreren Bildern

    BildergalerieSlider

    ✓ WarumGalerie zum Stoebern, Slider zum Zeigen

    ✗ VermeidenGalerie bei nur 2-3 Bildern

  • Erklär-Video

    Video

    ✓ WarumEingebettet mit Poster + Lazy-Load

    ✗ VermeidenAutoplay mit Sound

  • Externer Inhalt einbinden

    IFrame

    ✓ WarumKarten, Formulare Dritter, Diagramme

    ✗ VermeidenWenn Inhalte selbst gepflegt werden können