WordPress Theme Developer

Plano de Saúde – Refactorización de Tema Personalizado de WordPress

Visión General del Proyecto: De Figma a Alto RendimientoEl Desafío: Mejorando las Métricas PrincipalesEjecución Técnica & LógicaConclusión Plano de Saúde representa un proyecto estratégico de Refactorización de Tema Personalizado de...

Destaques da Arquitetura:

  • PageSpeed 100/100
  • LCP < 1.2s
  • SEO Técnico
Plano de Saúde website homepage, showcasing the results of a complete Custom WordPress Theme Refactoring.

Plano de Saúde representa un proyecto estratégico de Refactorización de Tema Personalizado de WordPress. Trabajando como Especialista Front-End, mi misión fue traducir un diseño de Figma a un ecosistema robusto de WordPress, reemplazando un tema obsoleto que sufría de métricas deficientes.

Puntuaciones de Google Lighthouse que muestran mejoras en Accesibilidad y SEO después de la refactorización del tema.

Visión General del Proyecto: De Figma a Alto Rendimiento

El diseño fue creado en Figma, y fui responsable de todo el ciclo de desarrollo. El tema anterior tenía una velocidad aceptable pero fallaba críticamente en Accesibilidad y SEO Técnico. El objetivo de esta Refactorización de Tema Personalizado de WordPress fue equilibrar estas métricas, asegurando que el sitio no solo fuera rápido, sino también accesible y fácil de posicionar.

El Desafío: Mejorando las Métricas Principales

Un sitio bonito es inútil si no posiciona o no es accesible. El proceso de refactorización se centró en:

  • Construcción 100% en Código: Evité por completo los constructores de páginas (page builders). Al codificar el tema desde cero, garanticé un marcado limpio.
  • Accesibilidad (a11y): Implementé HTML semántico y etiquetas ARIA para impulsar la puntuación de accesibilidad, haciendo que el sitio sea utilizable para todos.
  • Optimización SEO: La estructura y las metaetiquetas fueron revisadas para cumplir con los estándares de los motores de búsqueda modernos.

Ejecución Técnica & Lógica

Para mantener la naturaleza dinámica del sitio sin sobrecargar el código, utilicé Advanced Custom Fields (ACF).

  • Redireccionamientos Dinámicos: Creé campos personalizados que permiten al equipo de marketing cambiar los enlaces de destino a nivel global, dirigiendo a los usuarios a formularios específicos de captura de leads de forma dinámica.
  • Integración de Ecosistema: Este proyecto pertenece al mismo grupo de alto rendimiento que SeguroAuto.org y Smartia.com.br, compartiendo los mismos rigurosos estándares de desarrollo.

Conclusión

El proyecto Plano de Saúde demuestra que una Refactorización de Tema Personalizado de WordPress suele ser mejor que simplemente parchear un tema antiguo. El resultado es una plataforma que obtiene altas puntuaciones en los Core Web Vitals de Google y proporciona una experiencia de usuario superior.

Tech Stack

</>

WordPress Custom Classic Theme

</>

HTML

</>

CSS

</>

JavaScript

</>

PHP

</>

GIT/GITHUB