Transforma ideias em experiências web incríveis ⚡Especialista em Front-End • Mestre em WordPress • Apaixonado por UI/UX • Foco em Performance • +10 anos criando soluções digitais sob medida
Disponível
contato@lucasdeoliveira.dev
Sobre
Projetos
Depoimentos
E aí! 👋
Atuo há mais de 10 anos como desenvolvedor front-end, sempre focado em criar soluções web que aliem eficiência, estética e funcionalidade. Nesse tempo, trabalhei em diversos tipos de projetos — desde landing pages voltadas para conversão e sites institucionais responsivos até plataformas internas robustas e e-commerces bem estruturados.
Tenho bastante familiaridade com a tradução de layouts em interfaces reais, usando tecnologias como HTML5, CSS3, JavaScript e PHP, além de ferramentas como WordPress e Elementor. Gosto de trabalhar com atenção aos detalhes, pensando sempre em desempenho, SEO técnico e uma boa experiência para o usuário.
Também já desenvolvi sistemas personalizados e automatizações que envolvem cadastros, meios de pagamento e integrações com APIs externas. Tenho experiência com projetos que exigem escalabilidade e organização, cuidando para que o código seja sempre claro, seguro e fácil de manter.
Educbank
Foi realizado o desenvolvimento de um site de grande porte e alta complexidade para a Educbank, referência em soluções financeiras para o setor educacional. O projeto foi totalmente desenhado internamente pela equipe da própria Educbank, com o layout elaborado no Figma e entregue com todas as diretrizes visuais, de UX e identidade da marca.
O desenvolvimento seguiu rigorosamente o conceito pixel perfect, com reprodução fiel de cada elemento visual no ambiente WordPress, utilizando o Elementor como principal ferramenta de construção. O projeto exigiu alto nível de atenção a detalhes e arquitetura modular para garantir escalabilidade e manutenção futura.
Principais aspectos técnicos do projeto:
Conversão precisa do layout Figma para WordPress, com atenção a grids, espaçamentos, tipografia e interações definidas;
Utilização avançada do Elementor Pro, com criação de templates dinâmicos, condições de exibição e widgets personalizados;
Estrutura de navegação complexa e conteúdo modular, suportando diversas seções institucionais, fluxos de captação e páginas de campanha;
Otimização de SEO técnico, incluindo estrutura semântica de HTML, performance, uso de schema.org e URLs amigáveis;
Responsividade total e performance otimizada, com testes em múltiplos dispositivos e navegadores (cross-browser);
Integração com ferramentas de marketing e análise, como Google Tag Manager (GTM), Google Analytics 4 (GA4) e CRM via formulários.
O resultado foi um site robusto, moderno, altamente funcional e preparado para escalar junto com a estratégia digital da Educbank, mantendo consistência visual e usabilidade em todos os pontos de contato com o usuário.
Foi desenvolvido um website institucional para a empresa, com foco em performance, responsividade e experiência do usuário (UX). O principal diferencial do projeto foi a implementação de um sistema de busca inteligente para automóveis e filtros automotivos. Esse sistema permite ao usuário realizar consultas avançadas informando qualquer dado relevante, como modelo do veículo, fabricante, código do filtro ou características específicas.
A plataforma foi construída para realizar o cruzamento de informações inseridas pelo usuário com um banco de dados otimizado, retornando apenas os veículos ou filtros 100% compatíveis com os critérios informados. A arquitetura da busca foi projetada com foco em eficiência e precisão, utilizando consultas relacionais otimizadas e algoritmos de correspondência parcial (match queries), garantindo uma experiência rápida e assertiva.
Além disso, foram aplicadas boas práticas de SEO técnico — como URLs amigáveis, metatags dinâmicas, schema markup e tempo de carregamento otimizado — para garantir visibilidade orgânica em mecanismos de busca, especialmente para termos relacionados a “filtro automotivo por modelo”, “buscar filtro por veículo”, “peças compatíveis com meu carro”, entre outros.
O Meu STC é um sistema interno proprietário desenvolvido exclusivamente para o projeto de Henrique & Marianna Meinberg, com foco em nutrição, emagrecimento e transformação corporal. A plataforma foi inteiramente construída com HTML5, CSS3 e PHP puro, sem o uso de frameworks prontos, o que garantiu total personalização, leveza e controle sobre as funcionalidades.
Principais funcionalidades do sistema:
Integração com dezenas de fontes de captação de leads, incluindo:
Landing pages externas
Formulários de campanhas do Facebook Ads
Vendas realizadas pela Hotmart
Automação inteligente de leads via WhatsApp: Cada lead captado é automaticamente direcionado para o funil de automação correspondente, de acordo com o vendedor responsável, garantindo atendimento personalizado e escalável.
Área do aluno integrada à Hotmart, com funcionalidades exclusivas:
Acesso a receitas personalizadas;
Calculadoras de IMC e taxa metabólica basal;
Sistema de torneios de emagrecimento, com acompanhamento semanal dos alunos por seus respectivos coaches;
Sistema de votação interna, onde os coaches avaliam os participantes que tiveram maior transformação corporal.
Escalabilidade comprovada: A plataforma atende hoje a uma base de mais de 600 mil alunos ao redor do mundo, com alta estabilidade e desempenho mesmo em períodos de pico.
Arquitetura limpa e personalizada, com código desenvolvido do zero, focado em:
Performance e segurança;
Interface simples e funcional;
Estrutura modular para futuras expansões.
O Meu STC é um exemplo de solução digital sob medida, combinando automação de marketing, gestão de alunos e funcionalidades interativas de forma eficiente, responsiva e escalável — ideal para infoprodutores, coaches e programas online de transformação.
Rede Center Mais
Desenvolvimento de uma landing page integrada a um sistema interno personalizado para a Rede Center Mais, com o objetivo de vender planos de saúde empresariais de forma automatizada, oferecendo praticidade tanto para a empresa contratante quanto para seus colaboradores.
Estrutura e funcionalidades do projeto:
Landing page desenvolvida com Elementor, com foco em conversão, responsividade e performance, estruturada para apresentar planos, benefícios e direcionar empresas ao processo de adesão.
Sistema interno em PHP, HTML5 e CSS3, criado do zero para atender demandas específicas da Rede Center Mais, com funcionalidades como:
Registro completo da empresa;
Cadastro manual ou via link individual para funcionários;
Geração de link de pagamento automático, com cálculo dinâmico baseado na quantidade de funcionários e tipo de plano escolhido;
Integração com a plataforma Rapidoc, onde cada funcionário é automaticamente registrado após a confirmação do pagamento, para início do acompanhamento de saúde remoto.
Painel administrativo para empresas, com acesso seguro, permitindo:
Visualização de todos os funcionários cadastrados;
Acompanhamento dos status de pagamento;
Gestão ativa dos beneficiários.
Destaques técnicos:
Automação de processos que elimina etapas manuais e reduz erros operacionais;
Integrações eficientes com serviços externos, como Rapidoc e sistemas de pagamento recorrente;
Código otimizado para performance e escalabilidade, utilizando tecnologias leves e seguras;
Interface amigável com UX focada em facilitar o onboarding tanto da empresa quanto dos colaboradores.
Site institucional da Pólis Cursos desenvolvido em WordPress utilizando o Elementor. Apresenta listagens de cursos detalhadas e formulários de inscrição integrados. O design e a estrutura foram construídos visualmente com o Elementor, facilitando a gestão de conteúdo.
HomeSynerGym é uma plataforma interna de gestão e aprendizado (EAD) desenvolvida sob medida para Eduardo Gonzalez Ortiz. O sistema centraliza a experiência do aluno, integrando-se diretamente com múltiplos canais de aquisição: páginas de vendas de coaches parceiros, campanhas de formulário no Facebook Ads e a plataforma de vendas Hotmart.
O fluxo de acesso é otimizado: após a compra via Hotmart, o aluno recebe automaticamente credenciais para acessar a plataforma HomeSynerGym. Dentro do ambiente EAD, os alunos têm acesso a um acervo completo de aulas gravadas, transmissões ao vivo interativas, um banco de dados de receitas e canais de comunicação direta para acompanhamento com os coaches.
A arquitetura da plataforma foi projetada para suportar uma grande base de usuários, atualmente com mais de 60 mil alunos distribuídos globalmente. Desenvolvida do zero, a HomeSynerGym oferece uma solução robusta e escalável para a gestão de conteúdo, alunos e a entrega de uma experiência de aprendizado completa e engajadora no nicho de fitness e bem-estar.
Principais Características Técnicas:
Integrações: API de conexão com Hotmart (para gestão de matrículas e acesso), integração com páginas de vendas externas (via APIs ou Webhooks), integração com Facebook Ads (para rastreamento e gestão de leads/alunos).
Plataforma EAD: Gestão de conteúdo (vídeos, textos, PDFs), sistema de autenticação e controle de acesso, player de vídeo integrado, funcionalidades para aulas ao vivo (streaming, chat), seção de receitas (banco de dados pesquisável), sistema de comunicação aluno-coach (mensagens diretas, fóruns).
Escalabilidade: Arquitetura projetada para suportar um grande volume de acessos e dados de usuários.
Desenvolvimento: Plataforma customizada, desenvolvida internamente para atender às necessidades específicas de Eduardo Gonzalez Ortiz.
Gestão de Usuários: Sistema robusto para gerenciar informações de mais de 60 mil alunos.
Miranda Alumínio
Site institucional desenvolvido em HTML5 e CSS3 puro, garantindo alta performance e carregamento rápido. Design moderno e responsivo, criado pela Vento Sul, com foco em UI/UX otimizada. A estrutura semântica do HTML5 e a implementação cuidadosa em CSS3 proporcionam excelente otimização para mecanismos de busca (SEO).
Foi desenvolvido um site institucional moderno e responsivo para a RioLaser, com foco em estética, performance e fidelidade visual. O design foi criado e entregue pela agência Vento Sul, por meio de protótipos no Figma, com identidade visual completa, hierarquia de conteúdo e interações definidas.
A construção do site foi realizada manualmente com HTML5 e CSS3 puro, sem o uso de frameworks ou construtores visuais, garantindo controle total sobre o código, leveza, performance e compatibilidade.
Destaques técnicos do projeto:
Implementação pixel perfect, com reprodução exata do layout do Figma em todos os dispositivos;
Desenvolvimento responsivo mobile-first, com ajustes refinados para diferentes tamanhos de tela e navegadores (cross-browser);
Estrutura HTML semântica, facilitando a indexação por motores de busca e acessibilidade básica;
Estilização com CSS puro, utilizando boas práticas como BEM (Block Element Modifier) e organização modular para manutenibilidade;
Performance otimizada, com carregamento eficiente de assets, compressão de imagens e código enxuto;
SEO técnico aplicado, com uso de headings hierárquicos, metatags estratégicas, estrutura de URLs amigáveis e compatibilidade com ferramentas de análise como Google Search Console.
O resultado foi um site leve, rápido, visualmente sofisticado e totalmente fiel ao design original — projetado para transmitir profissionalismo e destacar a autoridade da RioLaser no segmento de estética e depilação a laser.
Desenvolvimento completo de um site institucional com foco em fidelidade visual ao design aprovado (pixel perfect), entregue pela agência ConnectAll Marketing. O projeto foi inicialmente estruturado no Figma, com layout responsivo e identidade visual definida, sendo posteriormente convertido para a plataforma WordPress utilizando o Elementor como construtor visual.
Todas as seções e componentes do site foram implementados com alta precisão, respeitando margens, espaçamentos, tipografia, cores e interações definidas no protótipo. O desenvolvimento incluiu:
Conversão fiel do layout Figma para o ambiente WordPress, garantindo uma experiência visual idêntica em desktop, tablet e mobile;
Utilização de Elementor Pro para controle granular de elementos, responsividade e desempenho;
Implementação de boas práticas de SEO técnico, como estruturação semântica do HTML, carregamento otimizado de recursos e uso de schema markup;
Configuração de plugins essenciais para desempenho, segurança e SEO, mantendo o site leve e escalável;
Garantia de compatibilidade entre navegadores (cross-browser) e acessibilidade básica (WCAG-friendly).
O resultado foi um site moderno, visualmente consistente e otimizado para indexação em mecanismos de busca, entregue dentro do prazo e com total aderência ao briefing da agência parceira.
Realizamos a manutenção contínua de uma loja virtual hospedada na plataforma Tray, com foco em performance, usabilidade e maximização das conversões. As atividades englobaram desde ações operacionais até implementações técnicas e estratégicas para marketing digital.
Entre os serviços prestados, destacam-se:
Criação e gestão de promoções e cupons de desconto, alinhadas com a estratégia comercial e calendário promocional da marca.
Desenvolvimento de novas páginas personalizadas (landing pages, institucionais e de campanha), otimizadas para SEO e mobile-first.
Implementação de pop-ups estratégicos com foco em captura de leads, abandono de carrinho e promoções relâmpago, utilizando ferramentas integradas com o ecossistema Tray.
Integrações com sistemas externos, como gateways de pagamento, plataformas de CRM, chatbots e APIs de parceiros logísticos ou comerciais.
Tagueamento completo do site com Google Tag Manager (GTM), configurando eventos e conversões para acompanhamento preciso em ferramentas como Google Ads, Meta Ads e Google Analytics 4 (GA4).
Disparo de campanhas de e-mail marketing segmentadas, utilizando ferramentas compatíveis com a Tray, com foco em recuperação de carrinhos, remarketing, newsletters e ações promocionais.
O projeto seguiu as melhores práticas de SEO técnico e de conteúdo, incluindo otimização de metadados, headings estruturados, velocidade de carregamento e estrutura semântica, visando maior visibilidade orgânica nos buscadores e aumento da taxa de conversão.
Trabalho excelente! Passei por duas agências e um programador, mas ninguém conseguiu desenvolver o sistema da forma que eu precisava. O Lucas não apenas resolveu o desafio, mas também teve paciência para me ouvir atentamente em longas calls, garantindo que cada detalhe fosse perfeito. Superou todas as minhas expectativas!