High-Conversion Funnel Engineering

The production marketing site and multi-step acquisition funnel for PsiAtiva, a digital acquisition service engineered for Brazilian psychology practices. Built in Astro with a static-first architecture, featuring an interactive clinical diagnostic quiz, a client-side lost-revenue ROI calculator, hCaptcha-hardened form capture, and automated WhatsApp sales routing.

First-party venture founded and built by Juan Silva; owner, designer, and engineer are the same person. This project demonstrates end-to-end product strategy, technical copywriting, conversion-focused design, and modern static engineering for an active business. By strict portfolio rule, it is categorized as own-venture capability evidence, never as third-party client delivery or a paid client result.

Engineering the patient acquisition funnel

Most healthcare websites in Brazil suffer from severe digital friction: bloated WordPress templates, absent local SEO markup, unmeasurable contact forms, and agonizing response latencies. For PsiAtiva, I designed a specialized acquisition funnel that moves clinical psychologists from passive browsing to active self-diagnosis. Built from scratch on Astro 5, TypeScript, and Tailwind CSS, the platform eliminates runtime framework bloat while delivering rich client-side interactivity through lightweight vanilla islands.

Interactive diagnostic tools: Quiz and ROI calculator

Rather than relying on generic 'book a call' pitches, the funnel engages prospects with diagnostic tools that quantify specific operational hemorrhage before asking for contact information:

• Diagnostic Quiz (/quiz) — A structured multi-step assessment evaluating five clinical bottlenecks: positioning clarity, Google Business presence, mobile friction, response speed, and scheduling mechanics. Prospects receive a calibrated diagnosis score based on their specific practice model (solo practitioner vs. multidisciplinary clinic).
• ROI Patient Calculator (/calculadora) — An interactive client-side calculator that models financial loss. By inputting average session fees, monthly inquiries, and booking drop-off rates, the practitioner sees exactly how much annual revenue slips through unoptimized intake pipelines.
• Protected Form Capture — Forms hardened with hCaptcha anti-spam validation, client-side input sanitization, and structured payload formatting.
• Dynamic WhatsApp Handoff (/obrigado) — Upon quiz or calculator completion, leads transition directly to WhatsApp with pre-populated contextual briefs, enabling instant, personalized sales follow-up.

⚡100

Lighthouse performance & SEO score

📦0 KB

client runtime framework overhead

🩺5 areas

evaluated in the clinical diagnostic quiz

🛠️End-to-End

strategy, design, copy & code ownership

Static-first architecture and technical SEO

Speed is an empathy metric in healthcare. Practitioners searching for clinical management solutions on mobile devices abandon sluggish sites within seconds. By leveraging Astro's static site generation (SSG), HTML is pre-rendered at build time with critical CSS inlined. Interactive widgets (the calculator and quiz) hydrate as isolated vanilla components without pulling heavy React or Vue runtimes. The architecture includes comprehensive OpenGraph metadata, automated XML sitemaps, and LocalBusiness schema.org structured data to maximize organic discovery.

What this is not

• Not a client case study or paid client result. PsiAtiva is my own venture, and this project is presented exclusively as proof of strategic and technical capability.
• Not unverified marketing metrics. Under strict portfolio rules, no conversion rates, customer acquisition costs, or revenue numbers are quoted.
• Not a generic CMS or pre-packaged landing page template. Every section, calculator model, and diagnostic flow was custom-engineered from scratch.
• Not an isolated static brochure. The front-end funnel connects directly into automated backend operations and qualification pipelines.

The founder-engineer perspective

Building the acquisition funnel for your own company provides a level of accountability that client work rarely replicates. Every design decision, copy nuance, and millisecond of latency directly impacts customer perception and trust. PsiAtiva proves my capability to unite business strategy, user psychology, visual design, and clean web engineering into a coherent, high-performing digital engine.

Evidence

Shipped and operates live in production at psiativa.com.br, powering the business's inbound acquisition pipeline. Delivers near-instant page loads and top-tier Lighthouse scores across mobile and desktop. No conversion rates, revenue totals, or booking volumes are claimed — a confirmed absence across this corpus under strict truth-in-advertising principles.