Miniatura de CG Consulting

CG Consulting.

De WordPress a una arquitectura web escalable y de alto rendimiento

Rediseño completo y reconstrucción de un sitio web de consultoría, enfocado en rendimiento, mantenibilidad y una experiencia de usuario limpia y profesional. Muchas pequeñas empresas dependen de configuraciones de WordPress que se vuelven frágiles con el tiempo. Este proyecto demuestra cómo migrar a un stack moderno puede reducir el riesgo a largo plazo mientras mejora el rendimiento y la flexibilidad.
Volver al portfolio

Año

2026

Tipo

Aplicación web

Tecnologías

Next.js, TypeScript, Sanity CMS, Tailwind CSS, Framer Motion, i18n, Figma

Rol

Diseñador y desarrollador

Un sitio WordPress sostenido por plugins frágiles

-- EL PROBLEMA

CG Consulting es una consultora boutique de RRHH que ayuda a empresas internacionales a encontrar talento en España.
El sitio web existente en WordPress había servido al negocio durante años, pero se había vuelto cada vez más frágil debido a la dependencia de plugins y la falta de mantenimiento continuo. Necesitaban una presencia digital estable y profesional que pudiera gestionarse sin depender de un desarrollador para actualizaciones diarias — tanto en español como en inglés.
El objetivo de este proyecto no era solo rediseñar el sitio, sino reconstruirlo sobre una arquitectura moderna y escalable que elimine riesgos técnicos y permita el crecimiento futuro.
El principal desafío no era la plataforma en sí, sino la sostenibilidad a largo plazo del sistema existente.
  • Problemas frecuentes causados por actualizaciones de plugins
  • Aumento del esfuerzo de mantenimiento
  • Limitaciones de rendimiento
  • Gestión de contenido complicada para el cliente

Empezar por el diseño, no por el código

-- CONCEPTO DE DISEÑO

El rediseño se centró en la claridad y la credibilidad — dos aspectos clave que un consultor independiente de RRHH debe transmitir de inmediato. Me enfoqué en una jerarquía visual limpia, una presentación de contenido estructurada y un diseño profesional sin resultar frío. Animaciones y transiciones sutiles, construidas con Framer Motion, aportan dinamismo sin distraer del contenido. El sitio es completamente responsive, diseñado para generar confianza tanto en móvil como en escritorio.
Concepto de rediseño de CG Consulting — Figma

Concepto de rediseño — Figma

De WordPress a un stack moderno

-- MIGRACIÓN Y ARQUITECTURA

Propuse una migración completa desde WordPress a un stack moderno con Next.js y Sanity CMS. El objetivo no era solo una mejora técnica, sino dar al cliente control total sobre su contenido y la tranquilidad de que su web no fallará sin un desarrollador disponible.
Dado que CG Consulting trabaja con empresas internacionales, el sitio debía dirigirse a dos audiencias. El soporte bilingüe completo en español e inglés se implementó desde el inicio.
Reconstruí el sitio utilizando una arquitectura moderna y ligera centrada en la simplicidad y el control.
  • Eliminación de dependencia de plugins
  • Introducción de contenido estructurado mediante Sanity CMS
  • Desarrollo de un frontend personalizado para control total del rendimiento y diseño
  • Implementación de un diseño responsive con enfoque mobile-first
  • Añadido de animaciones sutiles para mejorar la experiencia de usuario

Diseño en el navegador — escritorio y móvil

-- EL SITIO EN VIVO

El sitio rediseñado en producción — diseño limpio, credibilidad profesional y experiencia completamente responsive en todos los dispositivos.
Sitio rediseñado de CG Consulting en vivo

El sitio rediseñado en vivo — diseño limpio, credibilidad profesional y experiencia totalmente responsive.

De lento a rápido — resultados medibles

-- RENDIMIENTO

Las mejoras en rendimiento y SEO no dependen de un framework concreto, sino de cómo se construye la aplicación. En este proyecto, las mejoras se lograron simplificando la arquitectura, reduciendo dependencias y optimizando la implementación.
Nota: WordPress puede ofrecer un excelente rendimiento y SEO si se construye con una arquitectura limpia y pocas dependencias. En este caso, el enfoque priorizó la estabilidad a largo plazo, el control del rendimiento y una experiencia de mantenimiento simplificada para el cliente.

Antes

  • Configuración de WordPress dependiente de plugins
  • Problemas de mantenimiento recurrentes
  • Rendimiento más lento
  • Flexibilidad limitada

Después

  • Arquitectura personalizada y ligera
  • Sistema estable y predecible
  • Rendimiento optimizado
  • Control total sobre frontend y contenido
Puntuaciones de rendimiento Lighthouse — WordPress vs Next.js

Rendimiento · WordPress vs Next.js (Lighthouse)

CG Consulting puede gestionar su contenido sin desarrollador

-- ENTREGA AL CLIENTE

Sanity CMS se configuró para ofrecer al cliente una interfaz de edición limpia y sencilla. Puede actualizar servicios, textos y datos de contacto sin tocar código — no se requiere desarrollador tras el lanzamiento.
Interfaz de gestión de contenido en Sanity Studio

Gestión de contenido · Sanity Studio

Una aplicación web estable, bilingüe y preparada para el futuro

-- RESULTADO

La clienta pasó de preocuparse por conflictos entre plugins a tener control total de su contenido mediante una interfaz CMS clara. El nuevo sitio es significativamente más rápido, más estable y construido sobre una base que puede escalar con su negocio — sin depender de un desarrollador para el mantenimiento diario.
Este proyecto refleja cómo abordo el trabajo con clientes: resolviendo un problema real de negocio, no solo creando una web.
El nuevo sistema permitió:
  • Tiempos de carga más rápidos
  • Mejora en Core Web Vitals
  • Código más limpio y mantenible
  • Gestión de contenido más sencilla
  • Menor necesidad de mantenimiento a largo plazo

¿Quieres modernizar tu web o mejorar su rendimiento?
Volver al portfolio