So entwerfen Sie eine responsive Preistabelle in Figma | UI Pattern Series

Ihr Projekt besteht darin, eine eigene reaktionsfreudig gestaltete Preisgestaltung in Figma basierend auf der Kursbeschreibung zu erstellen.

Folgendes sollten Sie einschließen:

• Drei Preisgestaltung (Basic, Pro, Enterprise)
• Plannamen, Preise, Kurzbeschreibungen und Funktionslisten
• Ein hervorgehobener "Beliebtesten"-Plan
• Ein eindeutiger CTA-Button für jeden Plan
• Layouts für Desktop- und Mobilgeräte

Starterdatei

Sie können die Figma-Datei verwenden, mit der ich in den Lektionen arbeite. Sie können sie hier herunterladen: Figma Starter File.

Sie können direkt mitmachen oder es mit Ihren eigenen Farben, Schriftarten und Texten neu mischen.

Wenn Sie fertig sind, geben Sie einen Screenshot der Desktop- und Mobilversion in der Galerie Kursprojekt frei.

Herausforderung ?

Fügen Sie eine monatliche/jährliche Umschaltung für die Preisgestaltung hinzu.