Tecnologias
React.Js (Next.js)
Tailwind + Styled Components
Redux
Axios + useQuery
A Leadster é referência no mercado de marketing conversacional e geração de leads qualificados através de inteligência artificial e automações. Para refletir a inovação e autoridade da marca no ambiente digital, desenvolvi todo o website institucional da Leadster, com foco em alta performance, escalabilidade, SEO técnico e conversão.
Meu Papel no Projeto
Atuei como desenvolvedor responsável por toda a implementação do novo site, desde o front-end até a integração com plataformas externas. Trabalhei com tecnologias modernas como Next.js, React, TypeScript e ferramentas de otimização para garantir uma navegação rápida, fluida e responsiva. O objetivo foi traduzir o valor da Leadster em uma experiência digital que impactasse tanto visitantes quanto buscadores (Google).
Principais Entregas Técnicas
Arquitetura de Front-end com Next.js (otimização via SSR e SSG)
Design responsivo e acessível, com foco em mobile-first e A11y
Componentização completa com Atomic Design (reutilização e consistência visual)
Criação de páginas dinâmicas com CMS (Headless) para facilitar a gestão de conteúdos por parte da equipe de marketing
Otimização de performance (Lighthouse > 90): lazy loading de imagens, code splitting, pré-carregamento inteligente de rotas
Integração com plataformas de automação e captação de leads, como RD Station e Google Tag Manager
SEO técnico: estrutura semântica, rich snippets, sitemap, robots.txt e URLs amigáveis
Monitoramento com ferramentas como Hotjar, GA4 e Clarity, para permitir testes A/B e melhorias baseadas em dados
Resultados Obtidos
Redução no tempo de carregamento em mais de 60%
Aumento nas conversões em landing pages integradas ao chatbot da Leadster
Site mais fácil de gerenciar e atualizar, sem depender do time de desenvolvimento
Experiência de navegação fluida e escalável, com páginas que mantêm performance mesmo com alto tráfego
Quiz “Enfrentando os Dragões do Marketing” — Geração de Leads Criativa e Gamificada
Tecnologias
React.Js (Next.js)
Tailwind + Styled Components
Redux
Axios + useQuery
LocalStorage (salvamento do progresso do usuário)
Objetivo:
Criar uma experiência interativa e educativa para captar leads qualificados de forma não invasiva e divertida, posicionando a Leadster como autoridade em marketing digital.
Conceito:
O usuário percorre um caminho simbólico, enfrentando "dragões" que representam grandes desafios do marketing digital, como:
Baixo tráfego
Leads desqualificados
Vendas estagnadas
Falta de diferenciação
Canais ineficientes
Ao final, o usuário recebe um diagnóstico + recomendações personalizadas e é convidado a deixar seus dados em uma call to action com alto índice de conversão.
Responsabilidades:
Desenvolvimento do quiz completo
Navegação fluida com animações e lógica de ramificação
Persistência de dados entre etapas
Integração com o CRM interno para captura de leads
Responsividade e acessibilidade total (funciona bem em mobile e desktop)
Gamificação com lógica de “jornada” + visual divertido + copy envolvente
Resultados:
Alta taxa de engajamento: +70% completam o quiz
Conversão de leads até 3x maior que formulários tradicionais
Forte alinhamento com o posicionamento criativo da Leadster
Amplamente utilizado em campanhas de mídia paga e inbound marketing
ShopBot – Demonstração Interativa do Produto
Tecnologias
React.Js (Next.js)
Tailwind + Styled Components
Redux
Axios + useQuery
Objetivo:
Transformar a explicação técnica do produto em uma experiência prática, interativa e educativa, mostrando como o ShopBot:
Recomenda produtos com base em preferências
Filtra opções em tempo real
Oferece respostas automáticas em diferentes etapas da jornada do cliente
Aumenta a conversão com interações personalizadas
A demo simula o comportamento do ShopBot em uma jornada de compra real, permitindo que o visitante explore os principais recursos do produto.
Minha Responsabilidade Técnica:
Fui responsável por todo o desenvolvimento da interface e da lógica da demo, garantindo que a experiência fosse fluida, acessível e fiel ao comportamento real do produto em ambiente de produção.
Responsabilidades:
Estruturação de componentes interativos e reativos
Mock de produtos dinâmicos, com respostas diferentes baseadas nas escolhas do usuário
Animações de entradas e saídas, simulando uma navegação real do usuário
UX/UI adaptado para simular interações reais de e-commerce
Tracking de interações via eventos personalizados para análise de comportamento
Resultados e Benefícios:
A demo se tornou um ativo central no funil comercial, usada em:
Apresentações de vendas
Landing pages do produto
Campanhas de mídia paga
Reduziu o tempo de explicação do produto de minutos para segundos
Aumento na taxa de conversão de MQLs, já que o lead entende o valor na prática
Experiência gamificada e intuitiva, ideal para captar a atenção do público em poucos cliques
