Eine erstklassige Fintech-Lösung. Entwickelt, um in der Spitzenklasse mitzuhalten.
Paybyrd hat sich mit der MOB Agency zusammengetan, um die gesamte Markenidentität zu überarbeiten und das UI-Design neu zu gestalten. Wir wurden mit der Umsetzung beauftragt. Das Ergebnis ist eine vollständig modulare, komponentenorientierte Webflow-Website, die so konzipiert wurde, dass sie den visuellen Standards der weltweit führenden Fintech-Marken entspricht.
196 Komponenten
Stapelbare Webflow-Komponenten für grenzenlose Flexibilität
Lumos
Auf Basis des Lumos-Frameworks entwickelt – für Wartbarkeit und Geschwindigkeit
Komponentenorientiert
Von Anfang an auf vollständige Modularität ausgelegt und entwickelt
Situation
Die Herausforderung
Paybyrd ist ein Fintech-Unternehmen in einer Branche, die sich durch ein ausgefeiltes visuelles Erscheinungsbild auszeichnet. Stripe, Adyen, Mollie – die gesamte Konkurrenz zeichnet sich durch ein hohes Maß an Design und Umsetzung aus. Um in diesem Umfeld mithalten zu können, musste der Webauftritt von Paybyrd denselben Standard erfüllen.
Die MOB Agency hat eine komplette Neugestaltung durchgeführt, einschließlich des Corporate Designs und des gesamten UI-Designs. Wir wurden beauftragt, die Umsetzung zu übernehmen. Die Vorgabe war klar: Eine Website zu erstellen, die in puncto Optik und Leistung dem Niveau der führenden Fintech-Unternehmen entspricht und deren Grundlage es dem Team ermöglicht, weiter zu skalieren.
Über uns
Visuelle Transformation
Das neue Design erforderte mehrschichtige Animationen, ein flüssiges Scrollverhalten, Themenübergänge und eine Ausgereiftheit der Bewegungsabläufe, die die meisten Webflow-Projekte nicht bieten können. Wir haben es genau nach den Vorgaben umgesetzt – mit maßgeschneiderten GSAP-Animationen, einer sorgfältig durchdachten Interaktionslogik und einer Struktur, die auch bei realen Inhaltsänderungen standhält.
Klick für
Vorher
Klare Ziele. Echte Ergebnisse.
Was wir erreichen wollen
Geschäftsziele
Projektumfang
Mit visueller Qualität auf Fintech-Niveau mithalten
Die Website musste sich nahtlos in die Riege der Besten dieser Kategorie einfügen. Die visuelle Umsetzung, das Motion Design und die Qualität der Interaktion mussten alle diesem Niveau gerecht werden.
196 stapelbare Webflow-Komponenten
Ein vollständig modulares Komponentensystem, bei dem jeder Block so konzipiert ist, dass er wiederverwendet, neu kombiniert und erweitert werden kann. Die gesamte Website basiert auf dieser Bibliothek, ebenso wie alles, was das Team in Zukunft entwickeln wird.
Schaffen Sie eine skalierbare Grundlage
Über die anfängliche Markteinführung hinaus benötigte Paybyrd ein System, das mit dem Unternehmen mitwachsen konnte. Neue Seiten, neue Kampagnen, neue Märkte – ohne dass jedes Mal eine Neugestaltung erforderlich war.
Basierend auf dem Lumos-Framework
Wir haben das Projekt auf dem Lumos-Framework aufgebaut, einem Strukturstandard, der in der High-End-Webflow-Community aufgrund seiner Konsistenz, Wartbarkeit und Skalierbarkeit weithin anerkannt ist.
Premium-Design ohne Kompromisse umsetzen
Bei Designs mit einem derart hohen Detaillierungsgrad geht bei der Umsetzung oft die Detailtreue verloren. Das Ziel war eine eins-zu-eins-Umsetzung, bei der jede Interaktion und jede Animation genau wie beabsichtigt umgesetzt wurde.
Benutzerdefinierte GSAP-Animationen und Interaktionen
Flüssiges Scrollen, Themenübergänge und mehrschichtige Animationen, erstellt mit GSAP, für vollständige Kontrolle über Timing, Leistung und Verhalten auf allen Geräten.
Unabhängigen Betrieb nach dem Start ermöglichen
Das Team musste in der Lage sein, die Website selbst zu erweitern und zu pflegen, ohne bei jeder Anpassung auf die Agentur angewiesen zu sein.
Systemübergabe nach dem „Component-First“-Prinzip
Das Team übernahm eine strukturierte, dokumentierte Webflow-Umgebung mit einer Komponentenbibliothek und Konventionen, um die Entwicklung eigenständig fortsetzen zu können.
Benutzeroberfläche und Designsystem
Echte Projekte. Echte Ergebnisse.
