SONOMA · Desarrollo web
Caso Anexión · Comparativa de metodología

Un paso
por delante.

De WordPress a IA. Cómo pasamos de 20 horas y 2 semanas… a 4 horas y 2 días — con mejor resultado.

El punto de partida

Los clientes ya le
preguntan a la IA.

Y a veces llegamos un paso por detrás. Su chatbot ya tiene una opinión sobre lo que hacemos.

Nuestro trabajo tiene que estar un paso por delante de lo que esa IA puede hacer por ellos. Si no, ¿para qué nos necesitan?
El caso · Rediseño de Anexión

Versión 1

WordPress + Elementor ≈ 20 h reales 2 semanas de espera

URL: sonomers.es/anexion

Un trabajo correcto. Bien hecho. Pero mira los números en móvil…

PageSpeed móvil V1

Móvil · Rendimiento 59

PageSpeed desktop V1

Ordenador · Rendimiento 92

Lo que ha cambiado

Hace un año,
esto bastaba.

Un diseño de primera línea, del estilo de Biosafe. Increíble y suficiente… entonces. Pero ahora el cliente tiene IA — y no le resultó lo bastante impactante.

Con nuestro proceso actual tardaríamos meses de toma y daca hasta un "aceptable". Y va a más. Toca meter IA a fondo en cómo trabajamos, igual que el cliente la mete en cómo nos analiza.
La palanca

Aplico IA a la V2.
Con Claude Code.

En corto: darle a Claude acceso directo a los archivos de una carpeta.

No es pedirle a un chat "hazme una web". Va mucho, mucho más allá — y por eso lo que entregamos está muy por encima de lo que el cliente conseguiría por su cuenta.
  1. Le doy la V1 El punto de partida completo.
  2. El feedback de Carmen 5 minutos: qué elementos cambiaría.
  3. El feedback del cliente Lo que a él no le encajó.
Claude Code en VSCode

Claude trabajando sobre los archivos del proyecto

El resultado

Versión 2

Astro · tecnología puntera 4 h de desarrollo real 2 días de espera

URL: anexion.pages.dev

No fue un prompt mágico de un solo tiro. Fue un toma y daca de unas horas. Pero el reloj total: 4 horas.
PageSpeed móvil V2

Móvil · Rendimiento 97

PageSpeed desktop V2

Ordenador · Rendimiento 100

Cara a cara

V1 vs V2

MétricaV1 · WordPressV2 · Astro
Tiempo de desarrollo real≈ 20 h4 h 5× más rápido
Espera percibida por el cliente2 semanas2 días
Rendimiento · móvil5997
Rendimiento · ordenador92100
Accesibilidad93100
Prácticas recomendadas100100
SEO5869 *
Navegación agéntica0–1 / 32 / 2

* El SEO sale bajo solo porque la web está en noindex a propósito. Lo vemos en la siguiente.

SEO y navegación agéntica

El SEO no es un problema.

El 69 se debe a una sola cosa: la puse en noindex para que no se indexe mientras es un borrador.

Un análisis rápido lo confirma: canónico correcto, un único H1, jerarquía de encabezados limpia, meta descripción óptima. Ya está lista para indexar.

Navegación agéntica. Un parámetro nuevo: mide cómo de bien un agente de IA lee, entiende y navega la página. Justo lo que usan los clientes para analizarnos. V1: 0–1/3. V2: 2/2.
Motivo del SEO: noindex

La única pega: bloqueo de indexación (a propósito)

Análisis SEO en verde

Fundamentos SEO en verde

Cómo sería el día a día de la agencia

Un cliente pide una web…

  1. Entra el encargo Materiales audiovisuales + moodboard o diseño de Carmen + briefing (con el keyword research y la estructura de Gema, si lo contratan).
  2. Desarrollamos en horas Web completa, tecnología top-notch, en un toma y daca de horas — no de semanas.
✍️

Mantenimiento por chat

Posts de blog y cambios a través del chat de Claude Code. El coste de implementación del SEO baja en picado.

🛡️

Superficie de ataque mínima

Sin plugins, sin base de datos, sin panel de login, sin usuarios. Solo la plataforma de hosting y lo que conectemos (ej. el formulario).

🧩

Cero mantenimiento de rutina

Nada que actualizar salvo revisar, también por chat, si hay código que conviene poner al día.

💸

Hosting casi gratis

Cloudflare Pages: ancho de banda ilimitado en plan free. El cliente solo paga el dominio. Podemos incluirlo en el mantenimiento.

Ver Cloudflare Pages: pages.cloudflare.com · Límites del plan gratis: developers.cloudflare.com/pages

Los retos

Cambiar la metodología
y la tecnología principal.

A la larga se nos hace más fácil. Pero hay que introducirlo poco a poco.

  1. Aprender Claude Code Cada puesto, a la larga, su propia suscripción. Las de 20 € bastan.
  2. Dominar los fundamentos Skills, uso de tokens, acceso a archivos locales. Y cambiar el mindset: el 80% del tiempo trabajaríamos escribiendo en un chat.
  3. Escalar con cabeza Empezar por landings rápidas y páginas de BFV. Ganar confianza. Subir poco a poco hasta tiendas online multiidioma, conforme nuestro Claude aprenda.

Un paso
por delante.

Que cuando el cliente le pregunte a su IA… la respuesta ya la tengamos nosotros.

1 / 11
Usa · F pantalla completa