__wf_reserved_heredar

WigWag V1, Pagos en línea

WigWag permitió a las empresas sudafricanas cobrar mediante enlaces de pago que se pueden compartir, sin tienda online ni EFT manuales. Rediseñamos su página de inicio en Webflow y creamos nuevas páginas de producto.

Ver proyecto
__wf_reserved_heredar

A Milk Moon Studio se le encargó rediseñar la página de inicio de WigWag y crear nuevas páginas de producto para el sitio, haciendo solo pequeñas actualizaciones en su blog existente.

Nos encanta la marca colorida y atrevida de WigWag, las interacciones sutiles de cada página y la interacción personalizada del enlace de pago, que muestra todo el proceso de envío de un enlace de pago. Pero la parte más útil y funcional del sitio es probablemente el control deslizante de precios con tecnología JavaScript, que muestra tu tarifa variable y sus costes.

La página de inicio de WigWag

Cabecera de la página de inicio de WigWag con el titular «The easiest way to get paid!», un botón amarillo «Signup - it's free» y la ilustración de una mujer con un portátil junto a los recuadros «For developers» y «For entrepreneurs»

Diseño final

Tres diseños completos de páginas de WigWag, uno junto a otro: la página de inicio, la página Checkout y la página API, cada una con bloques de color llamativos y un control deslizante de precios
Dos diseños completos de páginas de WigWag, uno junto a otro: la página del plugin de WordPress WooCommerce y la página de donaciones para organizaciones sin ánimo de lucro, cada una con una guía «How it works» y un control deslizante de precios
La sección «How it works» de WigWag para organizaciones sin ánimo de lucro: cuatro pasos numerados (Signup to WigWag, Setup your custom Checkout, Payment success, Cha-ching), cada uno con tres tarjetas ilustradas

Archivos del proceso

Diseños exploratorios muy preliminares de la página de inicio final.

Cuatro conceptos exploratorios y muy preliminares de la página de inicio de WigWag, con primeros diseños, ilustraciones de enlaces de pago e ideas de color

Nuestro trabajo con WigWag

Lo que construimos

WigWag es el dinamo digital que convierte los complejos procesos de pago en un elegante paseo por el parque. Nuestra colaboración consistió en usar Webflow para crear una experiencia de usuario tan fluida que casi podrías deslizar tu tarjeta de crédito por ella.

El sitio que desarrollamos para WigWag es un buen ejemplo de simplicidad en la vía rápida del comercio electrónico. Con una interfaz limpia y nítida, una navegación intuitiva, interacciones minimalistas y algunos elementos llamativos y brillantes, hemos extendido una alfombra de bienvenida para las empresas que quieren lanzarse al mercado digital sin tropezar con los cordones de sus zapatos.

Desde la sección «Por qué elegirnos», que muestra los beneficios sin rodeos de WigWag, hasta la guía «Cómo funciona», que te lleva por la configuración más rápido de lo que tardas en decir «Cha-ching», este sitio es un tren expreso directo a Paymentville.

Enfoque de diseño

Nuestra filosofía de diseño era sencilla: crear un espacio digital donde la claridad se une al estilo. Esto incluyó un fluido control deslizante de precios en JavaScript para calcular los costes variables y mucho más.

En la galería de nuestras creaciones de Webflow, WigWag destaca como un monumento elegante y moderno a la funcionalidad y el estilo. No hemos programado solo un sitio web, sino una puerta de entrada para que las empresas den el salto al mundo de las transacciones sin complicaciones. Y con cada clic que desemboca en un baile de victoria de «Sell More, Pay Less» (vende más, paga menos), hemos añadido otro paso feliz a nuestro viaje de diseño web.

Seguimiento y analítica

El sitio también está repleto de analítica para poder seguir el recorrido de cada usuario con Mixpanel, lo que da al equipo de WigWag una visión completa de sus clientes, del ROI de su inversión publicitaria y mucho más. Si quieres configurar un seguimiento como este por tu cuenta, nuestra guía para añadir Google Tag Manager y Google Analytics a Webflow es un buen punto de partida.

Trabajos relacionados

WigWag nació como un spin-off de Stitch, la empresa de pagos cuya plataforma lo impulsa, y tuvimos el placer de trabajar en ambos sitios. Desde entonces, WigWag ha cambiado su marca a Stitch Express, así que esta página es un registro del sitio de la V1. Para ver más proyectos del mismo ámbito, consulta el sitio del 2025 South Africa Consumer Payments Report. Si te intriga cómo se afinan interacciones como estas, nuestra guía visual de las funciones de suavizado (easing) en Webflow explica lo básico. Y si necesitas un sitio como este, consulta nuestros servicios de diseño y desarrollo en Webflow.

Más páginas

No se ha encontrado ningún artículo.

Implementación final en vivo

__wf_reserved_heredar

Mejore su presencia en la web

Estamos ansiosos por conocerte. Reserve una charla de café virtual gratuita y sin compromiso con nosotros.

__wf_reserved_heredar