pricing

Übersichtliche Darstellung von Produktpaketen und ihren Preisen

Zweck

Mit dem pricing-Pattern können die Preise und Bestandteile von Produktpaketen übersichtlich nebeneinander dargestellt werden. Besucher:innen der Webseite können die verschiedenen Pakete so einfach miteinander vergleichen und sich für eins entscheiden.

pricing

Zweck (kurz)

Übersichtliche Darstellung von Produktpaketen und ihren Preisen

Zweck

Mit dem pricing-Pattern können die Preise und Bestandteile von Produktpaketen übersichtlich nebeneinander dargestellt werden. Besucher:innen der Webseite können die verschiedenen Pakete so einfach miteinander vergleichen und sich für eins entscheiden.

Felder

  1. Überschrift (optional)
  2. Unter-Überschrift (optional)
  3. Überschrift der Bundles (optional)
  4. Name des Produkts (optional)
  5. Name des Produktpakets
  6. Preis
  7. Produktzusatz (optional)
  8. Kurze Beschreibung des Produktpakets (optional)
  9. Liste der Funktionen inkl. Tooltip
  10. Toggle: Warenkorb (optional)
  11. Abschließender Hinweis (optional)
  12. Toggle: Karten einklappen (optional)
  13. Toggle: Divider (optional)

Dos

  • Benutze die Filterbar als Navigation, wenn du mehr als 3 Pakete darstellen willst.
  • Fasse dich kurz. Hier geht's ums Wesentliche.
  • Zur besseren Vergleichbarkeit kannst du einzelne Punkte der Feature-Liste als "nicht verfügbar" kennzeichnen. Sie werden dann ausgegraut dargestellt.

Don'ts

[id:18]