Eine Preisübersicht ist stets das gestalterische Mittel der Wahl, wenn du ein Produkt mit unterschiedlichen Features zu unterschiedlichen Preisen darstellen willst. Preisübersichten sparen sowohl dir, wie auch deinen potenziellen Kunden Zeit, denn sie erlauben eine kompakte Darstellung der wichtigsten Aspekte auf engem Raum.
Wie immer im Design, kannst du hier ebensoviel falsch, wie richtig machen. Deshalb haben wir heute eine Sammlung guter Beispiele aus Codepen für dich zusammengestellt. Die meisten reagieren responsiv auf die Größe des Browserfensters, andere sind statischer, aber dennoch sehenswert, weil sie subtile Dynamik in der Nutzung entfalten. Viel Spaß beim Stöbern!
Titel: Ip Pricing Table
Titel: Adaptive Pricing Table
Titel: Flat Pricing Table Design
Titel: Flat Pricing Table
Titel: Pricing Tables
Titel: Pricing Table
Titel: Price
Titel: Pricing Table
Erstellt von: LittleSnippets.net
Titel: Pricing Tables
Titel: Material Pricing Tables
Titel: Flat pricing table
Titel: Price Table Hover Effect
Erstellt von: Vladimir Lukyanov
Titel: CSS3 Pricing Table
Titel: Pricing Tables
Titel: Pricing Table
Titel: Bootstrap Pricing Table
Titel: Flipping Pricing Table
Titel: Responsive Flat Pricing Table
Titel: Dark Themed Pricing Table
Erstellt von: LittleSnippets.net
Eine Antwort zu „Codepen: 20 Codeschnipsel für überzeugende Preisübersichten“
— was ist Deine Meinung?
Kann man sicherlich mal gebrauchen. Dankeschön!