WigWag V1

WigWag V1, Online-Zahlungen

WigWag ermöglichte südafrikanischen Unternehmen, über teilbare Checkout-Links bezahlt zu werden, ganz ohne E-Commerce-Shop oder manuelle EFTs. Wir haben die Webflow-Homepage neu gestaltet und neue Produktseiten gebaut.

Projekt ansehen
Tastenpfeil zeigt nach oben

Milk Moon Studio wurde beauftragt, die WigWag-Homepage neu zu gestalten und neue Produktseiten für die Website zu erstellen, während am bestehenden Blog nur kleinere Aktualisierungen vorgenommen wurden.

Wir lieben das farbenfrohe und mutige WigWag-Branding, die dezenten Interaktionen auf jeder Seite und die individuelle Checkout-Link-Interaktion, die den gesamten Ablauf beim Versenden eines Zahlungslinks zeigt. Der nützlichste und funktionalste Teil der Website ist aber wahrscheinlich der JavaScript-basierte Preisregler, der deinen variablen Tarif und deine variablen Kosten anzeigt.

Die WigWag-Homepage

Hero-Bereich der WigWag-Homepage mit der Schlagzeile „The easiest way to get paid!“, einem gelben Button „Signup - it's free“ und der Illustration einer Frau am Laptop neben den Hinweisen „For developers“ und „For entrepreneurs“

Endgültiges Design

Drei ganzseitige WigWag-Designs nebeneinander: die Homepage, die Checkout-Seite und die API-Seite, jeweils mit kräftigen Farbflächen und einem Preisregler
Zwei ganzseitige WigWag-Designs nebeneinander: die Seite zum WordPress-WooCommerce-Plugin und die Spendenseite für Non-Profits, jeweils mit einer Anleitung „How it works“ und einem Preisregler
Der Bereich „How it works“ von WigWag für Non-Profits: vier nummerierte Schritte (Signup to WigWag, Setup your custom Checkout, Payment success, Cha-ching), jeweils mit drei illustrierten Karten

Prozessdateien

Sehr grobe Entwürfe zur Ideenfindung für die endgültige Homepage.

Vier grobe Homepage-Konzepte für WigWag, die frühe Layouts, Illustrationen zu Zahlungslinks und Farbideen zeigen

Unsere Arbeit mit WigWag

Was wir gebaut haben

WigWag ist der digitale Dynamo, der komplexe Zahlungsprozesse in einen eleganten Spaziergang durch den Park verwandelt. Bei unserer Zusammenarbeit ging es darum, mit Webflow ein Nutzererlebnis zu schaffen, das so reibungslos ist, dass man fast seine Kreditkarte hindurchziehen könnte.

Die Website, die wir für WigWag entwickelt haben, ist ein gutes Beispiel für Einfachheit auf der Überholspur des E-Commerce. Mit einer klaren, aufgeräumten Oberfläche, intuitiver Navigation, minimalistischen Interaktionen und einigen mutigen, leuchtenden Elementen haben wir den roten Teppich für Unternehmen ausgerollt, die in den digitalen Markt starten wollen, ohne über ihre Schnürsenkel zu stolpern.

Vom Abschnitt „Why Choose Us“, der die unkomplizierten Vorteile von WigWag zeigt, bis zur Anleitung „How it Works“, die dich schneller durch die Einrichtung führt, als du „Cha-ching“ sagen kannst, ist diese Website ein schlanker Expresszug nach Paymentville.

Designansatz

Unsere Designphilosophie war unkompliziert: einen digitalen Raum schaffen, in dem Klarheit auf Stil trifft. Dazu gehörte ein flüssiger JavaScript-Preisregler zur Berechnung variabler Kosten und mehr.

In der Galerie unserer Webflow-Projekte ragt WigWag als elegantes, modernes Denkmal für Funktionalität und Stil heraus. Wir haben nicht nur eine Website programmiert, sondern ein Tor für Unternehmen, um in die Welt unkomplizierter Transaktionen einzusteigen. Und mit jedem Klick, der zum Siegestanz „Sell More, Pay Less“ führt, ist unserer Reise im Webdesign ein weiterer froher Schritt hinzugekommen.

Tracking und Analytics

Die Website ist außerdem voller Analytics, sodass die Reise eines Nutzers mit Mixpanel nachverfolgt werden kann. Das gibt dem Team von WigWag einen vollständigen Überblick über seine Kunden, den ROI der Werbeausgaben und mehr. Wenn du ein solches Tracking selbst einrichten möchtest, ist unsere Anleitung zum Hinzufügen von Google Tag Manager und Google Analytics zu Webflow ein guter Startpunkt.

Verwandte Projekte

WigWag ist aus Stitch hervorgegangen, dem Zahlungsunternehmen, dessen Plattform dahintersteckt, und wir hatten das Vergnügen, an beiden Websites zu arbeiten. WigWag wurde inzwischen zu Stitch Express umbenannt, daher dokumentiert diese Seite die V1-Website. Mehr aus demselben Bereich findest du auf der Website zum 2025 South Africa Consumer Payments Report. Wenn du neugierig bist, wie Interaktionen wie diese abgestimmt werden, behandelt unser visueller Leitfaden zu Easing-Funktionen in Webflow die Grundlagen. Und wenn du eine Website wie diese brauchst, schau dir unsere Webflow-Design- und Entwicklungsleistungen an.

Mehr Seiten

Keine Artikel gefunden.

Endgültige Live-Implementierung

WigWag V1

Erhöhen Sie Ihre Webpräsenz

Wir freuen uns darauf, Sie kennenzulernen. Buchen Sie einen kostenlosen, unverbindlichen virtuellen Kaffee-Chat mit uns.

Hintergrund mit Farbverlauf