Logoguilherme.ccr
clinicaflow.ia.br
ClinicaFlow AI
Landing & Checkout· Frontend Engineer · Motion · 2024

ClinicaFlow AI

O que é isso?

Construí a landing de entrada e o checkout de uma plataforma de automação de clínicas com IA. O foco era só um: conversão e performance, sem desculpa.

Qual era o desafio?

O desafio era contar uma história visual rica — que passasse confiança pro público de clínicas — sem sacrificar os Web Vitals nem fazer as pessoas desistirem no meio do checkout.

O que eu fiz?

Usei animações GSAP tokenizadas, imagens responsivas em formatos modernos, pré-carregamento seletivo e integrei o Stripe Elements direto no fluxo, sem redirecionar pra fora da página.

Deu certo?

Fizemos testes A/B e descobrimos algo interessante: pro perfil de público desse projeto, contato direto via WhatsApp convertia mais que o checkout automatizado. Então priorizei reduzir a fricção humana — a landing ainda usa o impacto visual do GSAP pra construir autoridade, mas o fluxo final de conversão foi otimizado pro canal que realmente engajava, validando uma estratégia de venda mais consultiva.

Construído com Next.js, React, GSAP, Stripe, Tailwind CSS, TypeScript e Hostinger.
Tipografia:Inter
Mais telas
Narrativa de benefícios — storytelling com reveal animado em GSAP
Narrativa de benefícios — storytelling com reveal animado em GSAP
Mobile — CTA de WhatsApp com hierarquia clara
Mobile — CTA de WhatsApp com hierarquia clara