Romina Gaudiano — Landing Page Trading Mind

Resumen del Proyecto

Romina Gaudiano es una especialista argentina en reprogramación mental aplicada desde la neurociencia, orientada a traders e inversores de alto riesgo. El proyecto es una landing page de página única en mentoria.rominagaudiano.com, diseñada para promover su mentoría 1:1 y el programa CryptoMind Pro Elite. El diseño pasó por múltiples variantes prototipadas antes de consolidarse en la “Opción 6” — una estética editorial oscura que refleja la gravedad y la precisión del mundo del trading.

Objetivos

• Identidad de Marca — Comunicar un posicionamiento premium mediante una paleta de navy, crema y cashmere combinada con tipografía serif Playfair Display y Lora.
• Generación de Leads — Impulsar aplicaciones calificadas a través de un formulario de contacto y un botón flotante de WhatsApp con mensaje prefijado.
• Build Orientado al Rendimiento — Entregar páginas rápidas y responsivas sin frameworks JavaScript del lado del cliente y con fuentes autoalojadas.
• Protección contra Spam — Implementar una estrategia de doble honeypot (nativo de Web3Forms + campo oculto personalizado) para filtrar bots sin fricción de CAPTCHA.

Flujo de Trabajo del Proyecto

• Prototipado — Se diseñaron y desarrollaron múltiples variantes de landing (opciones 1–6) para explorar el tono, la composición y la dirección visual antes de comprometerse con una versión final.
• Sistema de Diseño — Se estableció una paleta estricta en propiedades CSS personalizadas (--navy, --cream, --cashm) aplicada de forma consistente en todas las secciones, interacciones y animaciones.
• Animaciones sin Librerías — Todas las revelaciones de entrada se implementaron con animaciones CSS scroll-driven (animation-timeline: view()) e IntersectionObserver — sin GSAP ni librerías de terceros.
• Pulido Interactivo — Se incorporó un cursor personalizado de dos elementos (punto + anillo), transiciones de fondo de sección basadas en CSS :has() en el bloque de Pilares, revelación del hero con clip-path y un overlay de menú hamburguesa a pantalla completa.
• Contacto y Comunicación — Se integró Web3Forms (sin dependencia de DNS) como backend de formulario activo, con un endpoint serverless de Resend preservado en src/pages/api/contact.ts para migración futura una vez que el DNS salga de Wix.
• Despliegue — Deploy automático en Vercel en cada push a master, con Vercel Analytics y Speed Insights integrados en BaseLayout.astro.

Resultados e Impacto

• Exploración Multi-Opción Entregada — Se construyeron y evaluaron seis prototipos de landing distintos, resultando en un diseño final que refleja con precisión el posicionamiento premium de la cliente.
• Animaciones sin Dependencias — Todas las revelaciones en scroll, efectos de cursor y transiciones de sección se logran con CSS nativo y la API de scroll-driven animations, manteniendo el bundle liviano y el renderizado fluido.
• Optimización Responsiva de Imágenes — Las imágenes del hero se sirven a través del componente <Image /> de Astro con srcset responsivo, logrando una reducción significativa de tamaño de archivo (documentada como ~512kB → ~40kB en los tamaños de visualización).
• Flujo de Contacto Resiliente — La integración de Web3Forms desbloqueó la entrega de formularios pese a las restricciones de DNS, con el fallback de Resend listo para activarse sin reescribir el código.
• Infraestructura Lista para Producción — Deploy continuo en Vercel, sitemap autogenerado, robots.txt y analítica instrumentada desde el primer día.