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
Kein Use-Case mit diesem Suchbegriff gefunden.