Plano de Saúde – Refatoração de Tema Customizado WordPress
Visão Geral do Projeto: Do Figma à Alta PerformanceO Desafio: Melhorando as Métricas PrincipaisExecução Técnica & LógicaConclusão O Plano de Saúde representa um projeto estratégico de Refatoração de Tema Customizado...
Destaques da Arquitetura:
- PageSpeed 100/100
- LCP < 1.2s
- SEO Técnico
Table of Contents
O Plano de Saúde representa um projeto estratégico de Refatoração de Tema Customizado WordPress. Atuando como Especialista Front-End, minha missão foi traduzir um layout do Figma para um ecossistema WordPress robusto, substituindo um tema desatualizado que sofria com métricas ruins.
Visão Geral do Projeto: Do Figma à Alta Performance
O layout foi desenhado no Figma, e fui responsável por todo o ciclo de desenvolvimento. O tema anterior tinha uma velocidade aceitável, mas falhava criticamente em Acessibilidade e SEO Técnico. O objetivo desta Refatoração de Tema Customizado WordPress foi equilibrar essas métricas, garantindo que o site não fosse apenas rápido, mas também acessível e fácil de ranquear.
O Desafio: Melhorando as Métricas Principais
Um site bonito é inútil se não ranqueia ou não é acessível. O processo de refatoração focou em:
- Construção 100% em Código: Evitei totalmente o uso de page builders. Ao codificar o tema do zero, garanti uma marcação limpa.
- Acessibilidade (a11y): Implementei HTML semântico e tags ARIA para impulsionar a pontuação de acessibilidade, tornando o site utilizável para todos.
- Otimização de SEO: A estrutura e as meta-tags foram reformuladas para atender aos padrões modernos dos motores de busca.
Execução Técnica & Lógica
Para manter a natureza dinâmica do site sem inchar o código, utilizei o Advanced Custom Fields (ACF).
- Redirecionamentos Dinâmicos: Criei campos personalizados que permitem à equipe de marketing alterar links de destino globalmente, direcionando os usuários para formulários específicos de captura de leads de forma dinâmica.
- Integração de Ecossistema: Este projeto pertence ao mesmo grupo de alta performance que o SeguroAuto.org e Smartia.com.br, compartilhando dos mesmos padrões rigorosos de desenvolvimento.
Conclusão
O projeto Plano de Saúde prova que uma Refatoração de Tema Customizado WordPress costuma ser melhor do que simplesmente remendar um tema antigo. O resultado é uma plataforma que atinge pontuações altas no Core Web Vitals do Google e proporciona uma experiência de usuário superior.