De Invisible a Referente: Web Corporativa en Next.js para Agencia de Marketing
Web corporativa en Next.js con CMS headless que alcanzó 98/100 en Core Web Vitals y top 3 en Google para las keywords objetivo en menos de 90 días.
Impacto Económico
Con 4 solicitudes semanales de calidad y un ticket medio de proyecto de 4.000 €, el canal web generó más de 60.000 € en nuevos proyectos en el primer trimestre.
El Desafío
Contexto
Agencia de marketing digital con 8 personas y 5 años de experiencia, referente en su ciudad para campañas de performance y redes sociales. Su paradoja era evidente: ayudaban a otros negocios a crecer digitalmente, pero su propia web era su peor carta de presentación. Cargaba en más de 7 segundos, tenía un diseño de 2019, no aparecía en ninguna búsqueda relevante y no reflejaba en absoluto el nivel de trabajo que realizaban. Cuando un prospect potencial buscaba su nombre o los servicios que ofrecían, lo que encontraba les hacía perder credibilidad antes de hablar con ellos.
Problema
La web era tecnológicamente un lastre: WordPress con 47 plugins, hosting compartido saturado y un theme de pago que había acumulado deuda técnica durante años. Era imposible actualizarla sin riesgo de romper algo. El CMS era tan complejo que nadie del equipo se atrevía a tocarla, así que el contenido llevaba 14 meses sin actualizarse. Google la penalizaba con un LCP de 6,8 segundos y un CLS de 0,34. Las conversiones (solicitudes de presupuesto) llegaban básicamente por referidos y networking directo, no por la web.
Mi Enfoque
La decisión técnica fue clara: no migrar WordPress, sino reemplazarlo por completo con una arquitectura moderna. Next.js como framework con server-side rendering y generación estática para rendimiento máximo, Sanity como CMS headless para que el equipo pudiera actualizar contenido sin tocar código, y Vercel como plataforma de despliegue para conseguir distribución global en edge sin configuración de servidores. El diseño visual debía comunicar expertise: minimalista, con mucha atención al detalle tipográfico y con un portfolio de trabajos que hablara por sí solo.
Auditoría de la web existente: identificación de los 23 contenidos con tráfico potencial rescatable y los 15 nuevos que faltaban.
Diseño UX/UI desde cero en Figma: arquitectura de información, sistema de diseño, componentes reutilizables y prototipos interactivos validados con el equipo.
Desarrollo en Next.js 14 (App Router) con TypeScript: páginas de servicios, portfolio de casos, blog y landing pages de captación.
Integración con Sanity CMS: esquemas de contenido personalizados para que el equipo gestione portfolio, blog y testimonios sin código.
Optimización técnica SEO: metadata dinámica, Open Graph, Schema.org para agencia, sitemap automático y hreflang.
Despliegue en Vercel con CI/CD: cada push a main despliega automáticamente; preview deployments para revisiones antes de publicar.
Configuración de Core Web Vitals monitoring y alertas en caso de regresión de rendimiento.
Resultados
Core Web Vitals: LCP 1,1s, CLS 0,01, INP <80ms — puntuación 98/100 en PageSpeed Insights.
Top 3 en Google para 12 keywords objetivo en 90 días desde el lanzamiento.
+280% en tráfico orgánico en los primeros 4 meses.
El equipo actualiza el portfolio y publica artículos del blog de forma autónoma, sin programador.
+4 solicitudes de presupuesto semanales desde la web (anterior: 0-1 mensual).
Tecnología
Duración del proyecto
Servicios
- diseno web
- seo avanzado
¿Tu empresa necesita resultados similares?
Cada caso es único, pero mi metodología se adapta a cualquier desafío tecnológico. Hablemos de tus objetivos.
