Meduneckas Advocacia - Landing Page de Alta Conversão

Este repositório contém o código-fonte da landing page oficial da Meduneckas Advocacia, um escritório com foco especializado na defesa de médicos em processos e investigações, particularmente junto ao CREMESP.

O projeto foi concebido não apenas como um cartão de visitas digital, mas como um funil de marketing e conversão de alta performance. O objetivo principal é transformar a ansiedade de um profissional da saúde em uma consulta agendada, construindo autoridade, confiança e oferecendo valor imediato.

✨ Principais Funcionalidades (Features)

• Design Responsivo Completo: A interface se adapta perfeitamente a todos os dispositivos, de monitores desktop a celulares, garantindo uma experiência de usuário impecável.

• Funil de Conversão Duplo: Oferece duas vias para a captura de leads:

  1. Download de E-book: Captura o contato de leads no topo do funil em troca de um guia prático em PDF, com download automático após o envio.
  2. Formulário de Contato Direto: Permite que leads prontos para a ação solicitem uma análise de caso confidencial.

• Animações de Scroll Inteligentes: Utiliza a IntersectionObserver API para ativar animações sutis de fade-in e slide-up conforme o usuário rola a página, criando uma experiência dinâmica sem impactar a performance.

• Integração com Google Analytics (GA4): Rastreamento completo de visitas e eventos, permitindo a análise detalhada do tráfego e do comportamento do usuário.

• Rastreamento de Conversões (Google Ads): Dispara eventos específicos para o Google Ads após o envio bem-sucedido de cada formulário, permitindo a mensuração precisa do Retorno Sobre o Investimento (ROI) em campanhas pagas.

• Experiência do Usuário (UX) Otimizada: Inclui rolagem suave para links internos, modais para informações legais (Política de Privacidade, Termos) e feedback visual claro durante o envio de formulários.

• Acessibilidade (a11y): Implementa melhorias como a possibilidade de fechar modais com a tecla "Escape".

🛠️ Stack de Tecnologia

A arquitetura deste projeto foi escolhida para garantir performance máxima, segurança e uma experiência de desenvolvimento moderna.

• Frontend: HTML5 e CSS3 com uma abordagem de design responsivo.

• Interatividade: JavaScript (ES6+) puro para manipular o DOM, gerenciar eventos e criar uma experiência dinâmica e interativa.

• Formulários: Formspree.io para gerenciar o backend do envio de formulários de maneira simples, segura e confiável, sem a necessidade de um servidor próprio.

• Hospedagem: O projeto pode ser acessado clicando aqui.