Uma landing page não conserta funil quebrado. Este projeto uniu estratégia RevOps, design orientado a conversão e front-end performático para posicionar a Rocket Inc. como o braço operacional de clínicas que querem receita previsível — do diagnóstico ao deploy em três semanas.
Fases do projeto
O projeto seguiu uma metodologia enxuta de 3 fases, entregando valor validado a cada sprint. Discovery & Definition (1 semana): análise competitiva, user research, heuristic review e briefing estratégico. Design & Testing (1,5 semana): wireframing, moodboard, UI design, prototipagem e testes de usabilidade. Development & Delivery (0,5 semana): React/Tailwind, auditoria de performance, deploy e handoff.
Posicionamento: não é uma agência, é o braço operacional da clínica
Posicionamos a marca como um parceiro estratégico que une a inteligência de vendas (RevOps) ao universo de saúde. Três pilares guiaram o visual: confiança clínica (paleta branca + azul navy, seriedade médica sem frieza), prova social vertical (logos de clínicas reais em ribbon horizontal) e CTAs behavior-driven (alto contraste com microcopy orientado por resultado).
Objetivo de UX: o visitante deve entender em 5 segundos o que a Rocket faz e para quem, sem precisar rolar a página.
Diagnóstico: por que clínicas estão deixando dinheiro na mesa
Identificamos 4 gargalos sistêmicos que impediam o crescimento escalável. Dados não-confiáveis: clínicas tomavam decisões baseadas em achismo, leads se perdiam entre planilhas e WhatsApp. Informações dispersas: cada setor usava uma ferramenta diferente, zero visibilidade unificada do funil do paciente. Sem integração operacional: marketing gerava leads que vendas não recebia. Escalabilidade travada: sem processos documentados, cada nova unidade significava reinventar a roda.
Decisão de UX: as dores foram traduzidas em linguagem de negócio. Um diretor de clínica não quer saber sobre "pipelines quebrados".
Arquitetura da oferta: 6 serviços, uma máquina de receita
Estruturamos a oferta como um sistema modular interconectado: onboarding completo do CRM, auditoria & reimplantação, consultoria & suporte contínuo, integrações (WhatsApp, Calendly, ERP médico, ferramentas de marketing), treinamentos da equipe e RevOps — unificação de Marketing, Vendas e CS em uma única estratégia de receita previsível.
Estratégia RevOps: um funil, zero silos
A maior inovação do projeto não foi visual — foi conceitual. Transformamos a seção de serviços em um diagrama vivo de RevOps: Marketing (atração e nutrição de leads qualificados via integrações automatizadas), Vendas (pipeline visual com automações de follow-up e scoring de leads) e Sucesso do Cliente (retenção e upsell com dashboards de satisfação e NPS integrado). O diagrama de Venn na landing funciona como um mapa mental que ajuda o diretor a visualizar a transformação operacional.
Design system
Nenhuma cor foi escolhida por gosto pessoal — cada tom cumpre uma função no funil. Primárias: Navy #0F172A (headings, rodapé, botões), Magenta #DB2777 (CTAs, bordas, hover), Indigo #4F46E5 (botões secundários, links). Secundárias: Lavanda #E0E7FF, Rosa Pastel #FCE7F3, Branco #FFFFFF, Gelo #F8FAFC, Deep #1E293B. Status: Success #22C55E, Error #EF4444, Warning #F59E0B. Tipografia: Poppins (display/headings, 800/700, 48→32px) + Inter (corpo e labels, 400/500, 16→11px). Grid de 12 colunas com container de 1200px, gutter de 24px e seções com respiro de 80–112px para reduzir carga cognitiva. Componentes documentados com estados: botão primário, botão ghost, badge de seção e card de serviço.
Decisões de UX: o funil invisível
A página segue o modelo AIDA adaptado para B2B healthcare. Atenção: hero com headline focada em resultado + prova social imediata. Interesse: a seção "O CRM ajuda ou atrapalha?" gera identificação com a dor. Desejo: cards de serviço + diagrama RevOps. Ação: formulário em fundo escuro, com menos campos e menos fricção.
A interface final
Cada dobra é uma peça do funil AIDA. O scroll se torna uma jornada de convencimento natural.
Implementação técnica
Implementado em React 19 + Tailwind CSS 4 + Vite 7, garantindo bundle mínimo (~85kb gzip) e carregamento sub-segundo. Lighthouse 95+ em performance, acessibilidade e SEO.
Resultados
- 3 sem
- Do briefing ao deploy
- 95+
- Lighthouse Score
- 6
- Seções estratégicas AIDA
- <2s
- Tempo de carregamento
Entregas: landing page, design system, protótipo hi-fi, código front-end, handoff Figma-to-dev, documentação de componentes, deploy em produção e auditoria de performance.