Komponenten-Leitfaden
Komponenten-Leitfaden
Komponenten sind die Hauptbausteine, mit denen Seiten in FaceFlow zusammengesetzt werden.
Wenn eine Seite einen strukturierten Website-Bereich wie einen Hero-Bereich, einen Preisbereich, FAQs, eine Galerie, einen CTA-Bereich, ein Service-Grid oder einen Kontaktblock benötigt, ist eine Komponente in der Regel das richtige Werkzeug.
Wann Sie eine Komponente verwenden sollten
Verwenden Sie eine Komponente, wenn Sie benötigen:
- einen sichtbaren Seitenabschnitt mit eigener Struktur
- einen wiederholbaren Abschnitt, der auf vielen Seiten erscheinen kann
- Inhalte, die in einem konsistenten Designmuster bleiben sollen
- einen Abschnitt mit mehreren bearbeitbaren Feldern wie Titel, Text, Bild, Links oder Aktionen
Gute Beispiele sind:
- Hero-Abschnitte
- Feature-Grids
- Service-Karten
- Preisabschnitte
- FAQs
- Testimonial-Abschnitte
- Kontaktabschnitte
- formularbasierte Conversion-Blöcke
Wann Sie keine Komponente verwenden sollten
Verwenden Sie keine Komponente, wenn:
- der Inhalt nur ein sehr kleines gemeinsames Fragment ist
- der Inhalt zu einem einzelnen Seitenfeld gehört und keine Abschnittsstruktur benötigt
- Sie nur ein kurzes Fragment wie einen Hinweis, ein Label oder eine Support-Angabe wiederverwenden müssen
In diesen Fällen ist eine Variable möglicherweise besser geeignet.
Empfohlener Arbeitsablauf
- Beginnen Sie mit dem Seitenziel
- Wählen Sie die Abschnitte, die dieses Ziel unterstützen
- Wiederverwenden Sie vorhandene Komponenten, bevor Sie neue anfordern oder erstellen
- Füllen Sie die Felder sorgfältig aus
- Überprüfen Sie die Reihenfolge der Abschnitte auf der Seite
- Vorschau ansehen, bevor Sie veröffentlichen
Wie Sie bessere Komponenten auswählen
Fragen Sie sich:
- Hilft dieser Abschnitt dem Besucher, voranzukommen?
- Gibt es bereits eine bewährte Komponente für dieses Bedürfnis?
- Gehört dieser Abschnitt zur Seitenreise oder ist er nur visuelles Rauschen?
Die besten Komponenten-Auswahlen ergeben sich meist aus dem Seitenziel, nicht nur aus reinem visuellen Gefallen.
Häufige Anwendungsfälle
- Landingpage-Abschnitte
- Service-Übersichten
- Preis- und Vergleichsbereiche
- FAQ-Abschnitte
- Proof- und Bewertungssektionen
- formulargetriebene CTA-Blöcke
Häufige Fehler
- zu viele Abschnitte auf einer Seite hinzufügen
- Abschnitte wählen, die dieselbe Botschaft wiederholen
- nahezu identische Komponenten für kleine Inhaltsunterschiede erstellen
- einen Abschnitt mit zu vielen nicht zusammenhängenden Informationen überladen
- die Reihenfolge und den Übergang zwischen Abschnitten nicht überprüfen
Richtlinien für das Team
- Wiederverwendung der Near-Duplikation vorziehen
- Komponentennamen verständlich halten
- die einfachste Sektion wählen, die zum Seitenziel passt
- Formulare und Bewertungen als Teil der Seitenreise behandeln, nicht als Zusatz