EPIC iO — Migración y rediseño del sitio web corporativo
Transformación de la presencia web corporativa de EPIC iO de Wix a WordPress: construcción de una base escalable, segura y accesible para las operaciones continuas de marketing y contenido.
Sistema visual e integración de marca
Una mirada completa al lenguaje visual renovado: iconografía unificada, paleta accesible, layouts optimizados y consistencia de componentes en el ecosistema WordPress.
Resumen del proyecto
El rediseño del sitio web corporativo de EPIC iO requirió una migración completa de Wix a un entorno WordPress totalmente gestionado, alojado en un servidor dedicado en la nube. Lideré el proceso de extremo a extremo: desde seleccionar, configurar y asegurar la infraestructura hasta construir instancias de staging y desarrollo para iterar en paralelo.
Una vez completada la transición de DNS y extraído el respaldo de datos de Wix, reestructuré toda la arquitectura del sitio en WordPress, eliminando código redundante y mejorando el desempeño. Los layouts existentes en Divi se reconstruyeron en Elementor Pro, estableciendo plantillas reutilizables para todas las secciones principales con el fin de asegurar escalabilidad a largo plazo y consistencia visual.
A lo largo del rediseño introduje un lenguaje visual unificado mediante un UI Kit propio, consolidando colores, tipografía, iconografía y espaciado en un sistema de diseño coherente. Una nueva biblioteca de iconos reemplazó los recursos heredados inconsistentes, mejorando la cohesión de marca y la accesibilidad. Cada página se optimizó para ser responsiva en todos los dispositivos, asegurando legibilidad y una jerarquía adecuada en los distintos breakpoints.
El desempeño y el cumplimiento fueron prioridades clave. Con Google Lighthouse y GTmetrix, el sitio pasó de una calificación "F" a una "A", con avances significativos en SEO, accesibilidad y buenas prácticas. Se añadieron Open Graph y metadatos estructurados para mejorar la visibilidad en buscadores y redes sociales. El sitio también se integró con HubSpot, Google Analytics 4 y Google Tag Manager (GTM) para sostener las operaciones continuas de marketing y analítica.
Para asegurar el mantenimiento a largo plazo, implementé protección con firewall, actualizaciones automáticas y respaldos programados, y entregué documentación completa al equipo externo que asumió la publicación continua de contenido. El sistema final se mantiene estable, responsivo y alineado con los estándares de accesibilidad y desempeño: una base sostenible para la presencia digital de EPIC iO.
Resumen del proyecto
Plazo y equipo
3 meses
Responsable único — Diseñador UX/UI, desarrollador y líder técnico
Herramientas y metodología
WordPress, Elementor Pro, Divi (legacy), Cloudways Hosting, GMetrix, Lighthouse, Cloudflare, HubSpot, GA-4, Optimización web
Estrategia de migración, optimización de desempeño, rediseño visual, cumplimiento de accesibilidad, estructura SEO y despliegue técnico
Entregables clave
- • Hoja de ruta de migración y plan de evaluación de riesgos
- • Respaldo y transferencia completos de Wix al hosting en la nube
- • Nuevos entornos de staging y desarrollo
- • Reconstrucción total con Elementor Pro y plantillas modulares
- • UI Kit y sistema de iconografía unificado
- • Optimización de color y contraste para accesibilidad
- • Mejora de la semántica de carruseles y layouts para mayor claridad y usabilidad
- • Refinamiento de SEO con metaetiquetas, etiquetas OG y datos estructurados adecuados
- • Integración de HubSpot CRM y Google Analytics 4
- • Endurecimiento de seguridad, configuración de firewall y rutinas automatizadas de respaldo
- • Documentación completa para la gestión futura de contenido y la entrega externa a desarrollo
Métricas de rendimiento
Mejora en la calificación de desempeño
(de una calificación F a A en GMetrix, validado con pruebas en múltiples dispositivos tras la optimización)
Puntuación promedio de desempeño y SEO en Lighthouse
(Google Lighthouse, validación en escritorio y móvil)
Cumplimiento de accesibilidad en las páginas principales
(evaluado frente a los estándares WCAG 2.1 AA)
Planteamiento del problema
El sitio heredado en Wix presentaba múltiples problemas críticos:
- Escalabilidad limitada: restricciones de la plataforma que impedían el crecimiento y la personalización.
- Estándares visuales inconsistentes: ausencia de un sistema de diseño unificado y de una biblioteca de componentes.
- Bajo desempeño de SEO: metaetiquetas, datos estructurados y optimización insuficientes.
- Problemas de accesibilidad: incumplimiento de los estándares WCAG 2.1 AA.
La migración exigía una reconstrucción completa que resolviera todos estos problemas manteniendo la continuidad del negocio y mejorando la presencia digital en su conjunto.
Desafío
El proyecto enfrentó varios retos críticos:
- Migrar el contenido y las funcionalidades de Wix a WordPress sin tiempo fuera de servicio ni pérdida de datos.
- Reconstruir toda la arquitectura del sitio manteniendo la consistencia visual y la identidad de marca.
- Implementar optimizaciones de desempeño para alcanzar puntuaciones altas en Lighthouse.
- Asegurar el cumplimiento de WCAG 2.1 AA en todas las páginas y componentes.
- Integrar herramientas de marketing (HubSpot, GA-4) y configurar la infraestructura de seguridad.
Enfoque
Siguiendo una metodología integral de migración y rediseño:
- Planeación de la migración: creé una hoja de ruta detallada y un plan de evaluación de riesgos, incluidas las estrategias de respaldo y la configuración del entorno de staging.
- Configuración de infraestructura: establecí el hosting en Cloudways, el CDN de Cloudflare y rutinas automatizadas de respaldo para asegurar confiabilidad y seguridad.
- Rediseño visual: reconstruí el sitio con Elementor Pro usando plantillas modulares, un sistema de iconografía unificado y una paleta de colores estandarizada.
- Optimización de desempeño: implementé caché, optimización de imágenes y minificación de código para alcanzar calificaciones A+ en GMetrix y más de 90 puntos en Lighthouse.
- Cumplimiento de accesibilidad: optimicé el contraste de color, mejoré la semántica de los carruseles y validé el sitio frente a los estándares WCAG 2.1 AA.
- Mejoras de SEO: refiné las metaetiquetas, las etiquetas Open Graph, los datos estructurados y la implementación de SEO técnico.
- Integración y seguridad: conecté HubSpot CRM, Google Analytics 4 y Google Tag Manager (GTM), e implementé firewall y endurecimiento de seguridad.
Solución
La migración logró una transformación completa:
- Arquitectura totalmente migrada de Wix a WordPress sin pérdida de datos.
- Lenguaje visual cohesionado con una biblioteca de iconos estable, una paleta de colores estandarizada y patrones de layout reutilizables.
- Mayor claridad de diseño, consistencia de componentes y adaptabilidad entre dispositivos.
- Mejor desempeño (de F a A+ en GMetrix), mejor posicionamiento SEO (más de 90 en Lighthouse) y accesibilidad (100% de cumplimiento WCAG 2.1 AA).
- Stack de marketing integrado (HubSpot, GA-4, Google Tag Manager) para un seguimiento y una analítica avanzados.
- Seguridad reforzada mediante actualizaciones automatizadas, firewalls y sistemas de respaldo.
- Documentación completa que habilita la escalabilidad futura y la gestión de contenido de forma independiente.
Resultados
El proyecto generó resultados significativos:
- Migración y reestructuración completas de la arquitectura del sitio web corporativo de Wix a WordPress.
- Implementación de un lenguaje visual cohesionado con una biblioteca de iconos estable, una paleta de colores estandarizada y patrones de layout reutilizables.
- Mayor claridad de diseño, consistencia de componentes y adaptabilidad entre dispositivos.
- Mejora del desempeño, el posicionamiento SEO y la accesibilidad, verificada mediante auditorías cuantitativas.
- Integración de HubSpot, Google Analytics 4 y Google Tag Manager (GTM) para un seguimiento avanzado de marketing.
- Mayor seguridad y confiabilidad mediante actualizaciones automatizadas, firewalls y sistemas de respaldo.
- Entrega de documentación final que habilita la escalabilidad futura y la actualización independiente de contenido.
- El sitio sigue operando hoy bajo los mismos estándares de optimización y cumplimiento.
Conclusión clave
Un proyecto de migración nunca es solo técnico: es una transformación completa de la experiencia.
Al unificar diseño, contenido e infraestructura bajo estándares claros, EPIC iO obtuvo una plataforma más rápida, más segura y preparada para SEO, que impulsa tanto el crecimiento del negocio como la gobernanza digital a largo plazo.