Interação e desenvolvimento
mai. 2026
ClinIQ
ClinIQ é uma landing de marketing orientada à confiança para um produto health B2C — interpretação de análises em linguagem clara e preparação para consulta, não diagnóstico médico. Desenhei e desenvolvi a página como uma história contínua: preloader intro, hero, How it works fixo, histórias de cenário, pricing, contacto e bloco de upload a fechar o arco de conversão.
O motion sustenta a narrativa sem prejudicar a leitura. Lenis gere o scroll suave; GSAP ScrollTrigger conduz reveals de secção, pin em desktop em How it works (Upload → Understand → Prepare) e hover magnético nas cartas. Intro e navegação por hash usam preloaders cortina — saltos para Pricing ou Stories sem pop-in. O layout respeita prefers-reduced-motion.
Dobra hero — título confiante sobre clareza em saúde, ritmo marquee, CTA visível para upload; composição calma antes das provas.
How it works — pin scroll em desktop percorre Upload, Understand, Prepare; copy e visuais em cross-fade ao scroll.
Stories — cartas de cenário com visuais CSS; hover magnético em mock UI; narrativas caregiver e labs para confiança.
Pricing — cartões Free e Plus com scroll reveal; copy calmo e disclaimer; conversão sem tom enterprise.
Contact — painel Say hello junto ao CTA de email; arco semicircular responsivo para a secção upload escura abaixo.
Funil upload — cartões de ficheiro empilhados, campos line-style, estado de sucesso; footer no tom preloader com disclaimer compliance.
Menu nav — sidebar com links grandes de secção, overlay escurecido, borda curva do painel; FAB abre as mesmas rotas após o hero sair do viewport.