Work

2026

Romina Gaudiano — Trading Mind Landing Page

DesignDevFrontend

A high-polish conversion landing page for a mental reprogramming mentor targeting traders and high-risk investors.

Technologies

  • Astro 6 Static-site framework with @astrojs/vercel adapter for serverless output and zero-JS-by-default pages.
  • Tailwind CSS 4 Utility-first styling via @tailwindcss/vite; design tokens as CSS custom properties for dynamic theming.
  • Web3Forms Form backend requiring no DNS configuration, unblocking the contact form while DNS is managed by Wix.
  • Fontsource (Playfair Display + Lora) Self-hosted editorial serifs with latin-only subsets to avoid Google Fonts CDN latency.
  • Vercel Analytics + Speed Insights Instrumented at the layout level to track performance and visitor behaviour in production.
  • Resend (inactive fallback) Serverless endpoint preserved in the codebase, ready to activate after DNS migration.
Screenshot of Romina Gaudiano's Trading Mind landing page.

Project Overview

Romina Gaudiano is an Argentine specialist in applied neuroscience-based mental reprogramming for traders and high-risk investors. The project is a single-page conversion landing at mentoria.rominagaudiano.com, promoting her 1:1 mentorship program and CryptoMind Pro Elite offering. The design went through multiple prototyped options before landing on “Option 6” — a dark, editorial aesthetic that reflects the gravity and precision of the trading world.

Objectives

  • Brand Identity — Communicate premium positioning through a refined navy, cream, and cashmere palette paired with Playfair Display and Lora serif typography.
  • Lead Generation — Drive qualified applications via a contact form and a fixed WhatsApp floating button with a pre-filled message.
  • Performance-First Build — Deliver fast, responsive pages with zero client-side JavaScript frameworks and self-hosted fonts.
  • Spam Protection — Implement a double-honeypot strategy (Web3Forms native + a custom hidden field) to filter bot submissions without CAPTCHA friction.

Project Workflow

  • Prototyping — Designed and built multiple landing variants (options 1–6) to explore tone, layout, and visual direction before committing to a final.
  • Design System — Established a strict CSS custom-property palette (--navy, --cream, --cashm) applied consistently across all sections, interactions, and animations.
  • Animation without Libraries — Implemented all entrance reveals using CSS animation-timeline: view() scroll-driven animations and IntersectionObserver — no GSAP or third-party libraries.
  • Interactive Polish — Added a custom two-element cursor (dot + ring), CSS :has()-powered section background transitions on the Pilares block, hero image clip-path reveal, and a full-screen hamburger overlay.
  • Contact & Comms — Integrated Web3Forms (zero DNS dependency) as the active form backend, with a pre-built Resend serverless endpoint preserved in src/pages/api/contact.ts for future migration once DNS leaves Wix.
  • Deployment — Auto-deployed to Vercel on every push to master, with Vercel Analytics and Speed Insights wired into BaseLayout.astro.

Results and Impact

  • Multi-Option Exploration Delivered — Six distinct landing prototypes were built and evaluated, resulting in a final design that precisely matched the client’s premium positioning.
  • Zero-Dependency Animations — All scroll reveals, cursor effects, and section transitions are achieved with native CSS and the scroll-driven animations API — keeping the bundle lean and rendering smooth.
  • Responsive Image Optimization — Hero images served through Astro’s <Image /> with responsive srcset, achieving significant file-size reduction (documented as ~512kB → ~40kB at display sizes in project docs).
  • Resilient Contact Flow — The Web3Forms integration unblocked form delivery despite DNS constraints, with a Resend fallback ready to activate without a rewrite.
  • Production-Ready Infrastructure — Continuous deployment on Vercel, auto-generated sitemap, robots.txt, and analytics instrumentation all in place from day one.