Webflow Entwicklung für CLOUDIVA - Demoprojekt

Dieses Projekt entstand als Showcase für eine moderne SaaS-Website. Ziel war es zu demonstrieren, wie sich ein in Figma entwickeltes Layout pixelgenau in Webflow übertragen lässt und dabei sowohl visuell als auch funktional dem ursprünglichen Design entspricht.

‍Info: Links zu anderen Unterseiten wurden bewusst deaktiviert, da es sich hier nur um die Landingpage dreht.

Hierbei wurde ein besonderes Augenmerk auf exakte Abstände, Typografie, Farben und wiederverwendbare Komponenten gelegt wurde. Für eine strukturierte und skalierbare Entwicklung kam das Client-First-Framework von Finsweet zum Einsatz, das eine saubere Klassenstruktur und effiziente Wiederverwendung von Elementen ermöglicht.

Ein weiteres zentrales Element des Projekts ist die Integration von Stripe, über die verschiedene Abonnementmodelle direkt auf der Website abgeschlossen werden können. Dadurch wird ein realistischer SaaS-Checkout-Prozess abgebildet und gezeigt, wie sich Webflow-Projekte mit externen Bezahlsystemen kombinieren lassen.

Ergänzt wird die Seite durch dezente Hover- und Scroll-Animationen, die für mehr Dynamik und eine moderne Nutzererfahrung sorgen. Schnelle Ladezeiten und ein responsives Verhalten der Website standen bei der Umsetzung ebenso im Vordergrund.