Proyecto 01 · Landing page
Diseñé y desarrollé la landing de Plazo, un software de cobranzas para pymes. La página explica el producto con una sola factura de ejemplo.
01 · El problema
Plazo avisa por WhatsApp y email, cobra con un link de pago, cruza cada transferencia con su factura y muestra cuánto entra en la semana. Puestas en una lista, esas cuatro funciones no muestran cómo se conectan, y quien llega sin contexto le dedica pocos segundos a la página.
Plazo es un producto ficticio. La landing lo aclara al pie, junto con que los clientes, las cifras y los testimonios son ilustrativos.
02 · Cómo lo resolví
La sección de pasos sigue la factura 4521 de Distribuidora Andina, de $ 482.300. Primero se arma la secuencia de avisos, después el cliente paga desde el link, el pago se cruza con su factura y aparece en la proyección de la semana. Cada pantalla retoma lo que dejó la anterior.
Armé las pantallas en HTML y CSS en lugar de usar capturas. Se animan para mostrar lo que pasa en cada paso, como una transferencia que se concilia sola y otra que queda para revisar, y se traducen con el resto de la página. Cada paso trae además una descripción en texto para lectores de pantalla.
En pantallas angostas, los pasos se ordenan en una línea de tiempo con una versión chica de cada pantalla, para leerlos seguidos sin abrir ni cerrar nada.
La hice en Next.js y la publiqué en Cloudflare Pages, en castellano neutro y en inglés.