Case study · Landing de captación
Rappi
Diseño y desarrollo de una landing de captación para Nicolás Juárez, ejecutivo de cuentas de Rappi, que da de alta comercios en seis ciudades del Litoral y Bahía Blanca. Una página con ritmo, motion y un hero 3D hecho en código, pensada para que un bar o restaurante entienda en un minuto cuánto gana y cómo se suma a la app.
Una landing que vende con claridad
El desafío no era mostrar a Rappi, sino darle a un comerciante una razón concreta para escribir: entender cuánto le queda, qué necesita para arrancar y quién lo acompaña.
Un trámite que da desconfianza
Los comercios dudaban de sumarse a Rappi: temían costos de entrada, no entendían cuánto les quedaba tras la comisión y recibían el contacto por mensajes sueltos, sin una página que los ordenara y diera confianza.
Una landing de 10 secciones
Una landing que responde en orden las dudas del comerciante: calculadora de neto en vivo, proceso en 4 pasos, requisitos en un checklist y seis ciudades, siempre con un CTA que abre WhatsApp con el mensaje armado.
Del primer contacto al alta, más simple
El ejecutivo comparte un solo link en vez de explicar todo por chat. El comerciante llega sabiendo cuánto le queda, qué documentos necesita y con quién hablar, y el primer mensaje ya sale con rubro y ciudad.
Cómo llegué a la solución
Entender al comerciante
Mapeé las preguntas que el ejecutivo recibe una y otra vez —costos, comisión, requisitos, tiempos— y las ordené como el recorrido de la página.
Arquitectura y mensaje
Definí 10 secciones con un solo objetivo: llegar al CTA. Cada título responde una duda concreta, con un tono directo y sin jerga comercial.
Diseño y motion
Un sistema en tres colores —claro, oscuro y naranja— que marca el ritmo entre secciones, con tipografía editorial y animaciones al hacer scroll.
Desarrollo y lanzamiento
Lo construí en código, incluido el diorama 3D, la calculadora y el checklist, y lo publiqué responsive y con el mensaje de WhatsApp armado por rubro y ciudad.
Cada sección tiene un trabajo
Hero · diorama 3D hecho en código
Un hero con un local isométrico en 3D construido en código, sin imágenes pesadas. El mensaje —“Sumá tu local a Rappi sin poner un peso de entrada”— y un selector de rubro y ciudad que arma el mensaje de WhatsApp.
Calculadora · neto en vivo
“No te muestro cuánto facturás. Te muestro cuánto te queda.” Dos sliders de pedidos y ticket promedio calculan en vivo el neto estimado después de la comisión.
Proceso · 4 pasos
De un mensaje a tu primer pedido: me escribís, armamos tu ficha, alta y carga, y salís a vender. Una línea de tiempo que avanza con el scroll.
Beneficios · bento
Un bento grid que ordena los beneficios por jerarquía: la logística la pone Rappi, sin gastos fijos y cartera de clientes lista desde el primer día.
Posicionamiento · Sin Ads / Con Ads
“El problema no es que no compren. Es que no te ven.” Una comparación visual de la app con y sin inversión en Ads para explicar la visibilidad.
Requisitos · checklist interactivo
“¿Tenés todo para arrancar?” Un checklist que el comerciante tilda en el momento y que cuenta cuántos requisitos tiene: CUIT activo, local habilitado, carta con precios y CBU.
Ciudades · un solo contacto
“Seis ciudades, un solo contacto.” Una lista editorial de Rosario, Funes, Santa Fe, Paraná, Corrientes y Bahía Blanca; al tocar una ciudad el mensaje de WhatsApp sale armado.
Responsive · mobile
Diseñada mobile-first: el comerciante suele escribir desde el celular, así que el CTA a WhatsApp queda siempre a un toque y el hero se recompone sin perder el diorama.
Diseño de la solución
El neto, no la facturación
La calculadora muestra lo que le queda al comercio después de la comisión: el número que realmente sirve para decidir.
Un solo CTA, siempre a mano
Todas las acciones llevan a WhatsApp con rubro y ciudad ya elegidos, para que escribir cueste un toque.
Checklist en vez de formulario
El comerciante ve qué le falta como un avance (2/4) y no como un obstáculo, y consulta lo que no tiene.
Ritmo claro–oscuro–naranja
Alternar fondos marca dónde empieza cada idea y mantiene la lectura dinámica en una página larga.
3D hecho en código
El diorama es ilustración generada en código: liviana, nítida en cualquier pantalla y animable sin cargar imágenes pesadas.
La landing está en vivo y funciona como la puerta de entrada del ejecutivo: un link que explica el proceso, calcula el neto y lleva al comerciante a un mensaje de WhatsApp ya armado, desde el celular o la computadora.