Feature-Liste
Die Feature-Liste zeigt ein großes Bild neben einer Aufzählung von Vorteilen, Eigenschaften oder Merkmalen. Diese Darstellung ist ideal, um Produkte, Dienstleistungen oder Unternehmenswerte überzeugend zu präsentieren.
Voraussetzungen
Du benötigst ein aussagekräftiges Bild und eine Liste der wichtigsten Features oder Vorteile, die du hervorheben möchtest.
Aufbau der Seite
Zwei-Spalten-Layout
- Bildbereich: Zeigt ein großes, ansprechendes Foto
- Textbereich: Enthält Überschrift, Beschreibung und Feature-Liste
- Flexible Anordnung: Bild kann links oder rechts stehen
- Responsive Design: Auf Mobilgeräten untereinander angeordnet
Textbereich
- Hauptüberschrift: Große, fette Überschrift
- Untertitel: Erklärungstext unter der Überschrift
- Feature-Liste: Aufzählung mit Symbolen
- Aktionsschaltfläche: Optional für weitere Aktionen
Feature-Punkte
- Symbole: Feather-Icons für jeden Feature-Punkt
- Beschreibungstext: Kurze Erklärung des Features
- Animationen: Einblendeffekte beim Scrollen
- Zentrierung: Optional für symmetrische Darstellung
So arbeitest du mit dieser Seite
Überschriften erstellen
- Hauptüberschrift: Kurze, prägnante Überschrift (z.B. "Warum uns wählen?")
- Untertitel: Erklärungstext, der das Thema einführt
- Verwende Markdown für Formatierungen wie fett oder kursiv
Bild hinzufügen
- Lade ein hochwertiges Bild hoch (mindestens 800x600 Pixel)
- Das Bild sollte thematisch zu deinen Features passen
- Wähle zwischen verschiedenen Bildpositionen
- Das Bild ist automatisch klickbar für Vollansicht
Features hinzufügen
- Klicke auf "Feature hinzufügen"
- Wähle ein passendes Symbol aus der Feather-Icon-Bibliothek
- Füge einen kurzen, aussagekräftigen Text hinzu
- Optional: Wähle eine Einblendanimation
- Entscheide über die Textausrichtung (links oder zentriert)
Layout anpassen
- Seiten tauschen: Bild von rechts nach links verschieben
- Features zentrieren: Symmetrische Ausrichtung der Feature-Liste
- Animationen: Verschiedene Einblendeffekte für jeden Feature-Punkt
Schaltfläche hinzufügen
- Füge einen aussagekräftigen Text hinzu (z.B. "Mehr erfahren")
- Verlinke zu einer relevanten Seite
- Wähle Farbe und Stil der Schaltfläche
- Die Schaltfläche erscheint unter der Feature-Liste
Tipps und Hinweise
Content-Strategie:
- Konzentriere dich auf die wichtigsten 3-6 Features
- Verwende kundenorientierte Sprache ("Sie erhalten" statt "Wir bieten")
- Jedes Feature sollte einen konkreten Nutzen beschreiben
- Verwende aktive Formulierungen
Bildauswahl:
- Wähle Bilder, die deine Features visuell unterstützen
- Menschen in Aktion wirken oft überzeugender
- Achte auf professionelle Qualität und Auflösung
- Das Bild sollte farblich zur Website passen
Symbol-Verwendung:
- Wähle Symbole, die den Inhalt verdeutlichen
- Verwende einheitliche Symbol-Stile
- Nicht jedes Feature braucht zwingend ein Symbol
- Teste die Verständlichkeit der Symbole
Text-Optimierung:
- Halte Feature-Beschreibungen kurz (max. 10-15 Wörter)
- Verwende starke, positive Begriffe
- Vermeide technischen Jargon
- Teste verschiedene Formulierungen
Layout-Entscheidungen:
- Bild links: Klassische Leserichtung, Bild wird zuerst wahrgenommen
- Bild rechts: Text wird zuerst gelesen, dann Bild als Bestätigung
- Zentrierte Features: Wirkt symmetrisch und ausgewogen
- Linksbündige Features: Bessere Lesbarkeit bei längeren Texten
Animationen:
- Verwende subtile Animationen für professionelle Wirkung
- Verschiedene Animationen für jeden Punkt schaffen Dynamik
- Teste die Performance auf langsameren Geräten
- Animationen sollten nicht ablenken
Mobile Optimierung:
- Auf Smartphones wird das Bild unter dem Text angezeigt
- Features bleiben gut lesbar und klickbar
- Symbole werden automatisch skaliert
- Teste die Darstellung auf verschiedenen Bildschirmgrößen
Verwandte Seiten
- Karten - Alternative Darstellung für Features
- Feature-Bild - Bildbereich der Feature-Liste
- Features-Aufzählung - Textbereich der Feature-Liste