WigWag V1

WigWag V1, Paiements en ligne

WigWag permettait aux entreprises sud-africaines d'être payées grâce à des liens de paiement partageables, sans boutique en ligne ni virements manuels. Nous avons repensé sa page d'accueil Webflow et créé de nouvelles pages produit.

Afficher le projet
Flèche du bouton orientée vers le haut

Milk Moon Studio a été chargé de repenser la page d'accueil de WigWag et de créer de nouvelles pages produit pour le site, tout en n'apportant que de légères mises à jour à son blog existant.

Nous adorons l'identité colorée et audacieuse de WigWag, les interactions subtiles sur chaque page et l'interaction personnalisée du lien de paiement, qui montre tout le processus d'envoi d'un lien de paiement. Mais l'élément le plus utile et le plus fonctionnel du site est sans doute le curseur de tarification propulsé par JavaScript, qui affiche votre taux variable et vos coûts.

La page d'accueil de WigWag

Bannière de la page d'accueil de WigWag avec le titre « The easiest way to get paid! », un bouton jaune « Signup - it's free » et l'illustration d'une femme devant un ordinateur portable, à côté des encarts « For developers » et « For entrepreneurs »

Design final

Trois maquettes pleine longueur de pages WigWag côte à côte : la page d'accueil, la page Checkout et la page API, chacune avec de grands blocs de couleur et un curseur de tarification
Deux maquettes pleine longueur de pages WigWag côte à côte : la page du plugin WordPress WooCommerce et la page des dons pour les organismes à but non lucratif, chacune avec un guide « How it works » et un curseur de tarification
La section « How it works » de WigWag pour les organismes à but non lucratif : quatre étapes numérotées (Signup to WigWag, Setup your custom Checkout, Payment success, Cha-ching), chacune avec trois cartes illustrées

Fichiers de processus

Des maquettes exploratoires très approximatives de la page d'accueil finale.

Quatre concepts exploratoires approximatifs de page d'accueil pour WigWag, montrant les premières mises en page, des illustrations de liens de paiement et des idées de couleurs

Notre travail avec WigWag

Ce que nous avons construit

WigWag est la dynamo numérique qui transforme des processus de paiement complexes en une promenade élégante dans le parc. Notre collaboration consistait à utiliser Webflow pour créer une expérience utilisateur si fluide que vous pourriez presque y glisser votre carte de crédit.

Le site que nous avons développé pour WigWag illustre bien la simplicité sur la voie rapide du e-commerce. Avec une interface claire et nette, une navigation intuitive, des interactions minimalistes et quelques éléments audacieux et lumineux, nous avons déroulé le tapis rouge pour les entreprises qui veulent foncer vers le marché numérique sans trébucher sur leurs lacets.

De la section « Why Choose Us » qui met en avant les atouts sans détour de WigWag au guide « How it Works » qui vous accompagne dans la configuration plus vite que vous ne pouvez dire « Cha-ching », ce site est un express direct vers Paymentville.

Approche de design

Notre philosophie de design était simple : créer un espace numérique où la clarté rencontre le style. Cela comprenait un curseur de tarification JavaScript fluide pour calculer les coûts variables, et bien plus encore.

Dans la galerie de nos créations Webflow, WigWag se distingue comme un monument élégant et moderne dédié à la fonctionnalité et au style. Nous n'avons pas codé qu'un simple site : nous avons codé une passerelle qui permet aux entreprises d'entrer dans le monde des transactions sans tracas. Et à chaque clic qui mène à une danse de la victoire « Sell More, Pay Less », nous avons ajouté un nouveau pas joyeux à notre parcours de conception web.

Suivi et analytique

Le site regorge également d'outils d'analyse qui permettent de suivre le parcours d'un utilisateur avec Mixpanel, offrant à l'équipe de WigWag une vue complète de ses clients, du retour sur investissement de ses dépenses publicitaires, et plus encore. Si vous souhaitez mettre en place un suivi de ce genre vous-même, notre guide pour ajouter Google Tag Manager et Google Analytics à Webflow est un bon point de départ.

Projets liés

WigWag est né de Stitch, l'entreprise de paiement dont la plateforme le propulse, et nous avons eu le plaisir de travailler sur les deux sites. WigWag a depuis été rebaptisé Stitch Express. Cette page est donc la trace du site V1. Pour d'autres projets dans le même domaine, consultez le site du 2025 South Africa Consumer Payments Report. Si vous êtes curieux de savoir comment on règle des interactions comme celles-ci, notre guide visuel des fonctions d'accélération dans Webflow en couvre les bases. Et si vous avez besoin d'un site comme celui-ci, découvrez nos services de design et de développement Webflow.

Plus de pages

Aucun article n'a été trouvé.

Mise en œuvre finale en direct

WigWag V1

Améliorez votre présence sur le Web

Nous avons hâte de vous rencontrer. Réservez un café virtuel gratuit et sans engagement avec nous.

Fond dégradé