Lucas de Oliveira

Lucas de Oliveira

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

  • Status Disponível
  • Status 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

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.

Ver projeto online

Filtros Brasil

Filtros Brasil

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.

Ver projeto online

Meu STC

Meu STC

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

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.

Ver projeto online

Pólis Cursos

Pólis Cursos

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.

Ver projeto online

S. T. COURSE

S. T. COURSE

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

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).

Ver projeto online

Riolaser

Riolaser

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.

Ver projeto online

CAIC Widex Aparelhos Auditivos

CAIC Widex Aparelhos Auditivos

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.

Ver projeto online

Millennium Editora

Millennium Editora

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.

Ver projeto online

Eduardo Gonzalez

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!