Landing de aplicación con un águila que vuela con el scroll
Mentoría Black recibe postulaciones de mujeres que quieren convertir su conocimiento en un negocio. Construimos la landing donde se postulan: una experiencia de scroll cuidada y un formulario que deja cada contacto, ya validado, dentro del CRM.
El formulario de aplicación junto al águila, que avanza con el scrollPantalla de inicio de la landing
El problema
La aplicación es el primer contacto con el programa: tenía que sentirse a la altura de la marca y no como un formulario genérico.
Llegan postulantes de distintos países y un teléfono mal cargado es un contacto perdido, sin que nadie se entere.
Cada postulación tenía que llegar sola al CRM para que el equipo comercial la atienda sin pasar datos a mano.
Lo que construimos
Scroll con un águila
Un video del águila avanza con el scroll y aparece junto al formulario. El aleteo se acelera con la velocidad de la rueda.
Formulario de cuatro campos
Nombre, apellido, mail y teléfono, con validación en el navegador y otra, más estricta, en el servidor.
Teléfonos de cualquier país
Se valida con una librería basada en la de Google para números telefónicos y, si no hay código de país, se asume Argentina.
Directo al CRM
Cada postulación se envía por webhook al CRM comercial, con su origen y la fecha, lista para que la atienda un comercial.
Cómo lo resolvimos
Validar en el servidor, no solo en el navegadorEl navegador da respuesta rápida; el servidor decide. Así un teléfono inválido no entra al CRM aunque alguien salte la página.
Sin contar dígitos a manoCada país tiene su largo y sus reglas. Una regla genérica aceptaba números extranjeros y los guardaba corruptos sin avisar; se reemplazó por una librería.
Límite de intentos por visitanteUn tope de envíos por minuto frena el spam sin molestar a quien se postula una vez.
Sin plataforma de tercerosCorre en un contenedor propio detrás de HTTPS. Se migró desde un hosting de terceros a un servidor propio.
Node.js
JavaScript
HTML y CSS
libphonenumber
Docker
Caddy
¿Tenés un proceso parecido? Hablemos.
La primera reunión es sin costo: nos contás cómo trabajan hoy y te decimos qué conviene hacer.
