Saltar al contenido
aitor domínguez©
Caso de éxito · Astro · Fundador

AP AGENCY® — Web con Lighthouse 100 para mi propia agencia de crecimiento

AP AGENCY® es la agencia de crecimiento sobre Shopify que dirijo. La segunda versión de la web tenía que servir para tres cosas: contar lo que hacemos, mostrar los casos con cifras concretas (Metamorph de 1.000€ a 90.000€/mes, TEAMATCHA® con un 287% más de clics orgánicos, 78.000€-190.000€/mes en email con Klaviyo, 590.000€ en ventas Shopify) y filtrar bien los leads con el mensaje de 'solo 3 proyectos por trimestre'.

Aitor Domínguez
Por Aitor Domínguez · Consultor de marketing digital y desarrollador web
Publicado: 7 de mayo de 2026
theapagency.com
AP AGENCY®
Sector
Agencia de crecimiento Shopify
Rol
Fundador · estrategia + diseño + desarrollo
Duración
V2 · 2026
Web
Resumen

Cifras clave del proyecto.

Lighthouse 100
velocidad · SEO · accesibilidad · buenas prácticas
14 páginas
completas
3/trimestre
modelo explícito de escasez
Cero JS
en las páginas de marketing
Reto

El problema que había que resolver.

Una agencia que pelea contra agencias más grandes con marca personal y resultados verificables tiene que demostrar lo que vende también en su propia casa. Si no era capaz de sacar Lighthouse 100 en mi web, ¿con qué cara se lo iba a vender al cliente? Era la prueba más sencilla y la más exigente.

Enfoque

Lo que hice, paso a paso.

  • 01

    Astro como base

    Astro encaja para webs de contenido + cero JavaScript de cliente por defecto. Animaciones solo donde aportan. Tailwind para mantener consistencia con el sistema de diseño.

  • 02

    Lighthouse 100 como suelo

    Optimización agresiva: imágenes, fuentes, caché distribuida y división de código sin compromisos.

  • 03

    Modelo explícito de escasez

    'Solo 3 proyectos por trimestre' como filtro de leads. Señales de confianza en cifras (590.000€ en ventas Shopify, +287% en clics orgánicos verificados).

  • 04

    Despliegue en Cloudflare Pages

    Despliegue automático desde GitHub, red de servidores global, certificado HTTPS automático y monitorización conectada.

Resultados

Lo que se midió.

Lighthouse 100
velocidad · SEO · accesibilidad · buenas prácticas
En móvil real
14 páginas
completas con redacción y casos
Home + servicios + casos + recursos
Stack reproducible
para futuros proyectos de marketing
Bench de referencia
Herramientas

Con qué se construyó.

  • Astro
  • Tailwind CSS
  • GSAP
  • Cloudflare Pages
  • Sentry

Servicios aplicados

  • Estrategia de marca
  • Diseño y desarrollo
  • Velocidad y rendimiento
  • SEO técnico
FAQ

Preguntas frecuentes sobre el proyecto.

  • ¿Astro o Next.js para una agencia?

    +

    Astro si tu web es 90% páginas de marketing + casos. Next.js si tienes una aplicación interactiva, autenticación o paneles. Para AP AGENCY®, Astro fue la elección obvia.

  • ¿Cómo se mantiene Lighthouse 100 después del lanzamiento?

    +

    Monitorización continua, revisión cada vez que se añade contenido y disciplina con scripts de seguimiento que pueden romperla (cargando los no críticos en diferido).

¿Quieres un caso parecido?

Cuéntame qué tienes entre manos. Si encajamos, te respondo en menos de 24 h con próximos pasos.

Pedir diagnóstico gratuito