El método antes que la herramienta
El marco en cinco etapas, comprender, definir, desplegar, impulsar la adopción, mantener, estructura la página de inicio, las páginas de servicios y las líneas de tiempo, con un color por etapa.
Caso práctico
Consultoría en transformación TI · CIO
BleuLemon
Sustituir un sitio en Webflow de 29 páginas por un sitio bilingüe de 116 páginas que un equipo no técnico mantiene vivo por sí solo, sin perder la marca ni las posiciones conseguidas, y preparar a BleuLemon para que lo lean tanto los buscadores como los asistentes de IA.
El contexto
BleuLemon es una consultora de transformación TI establecida en París y Lyon, partner de Atlassian desde 2008. Más de 30 profesionales acompañan a las direcciones de sistemas desde la definición hasta el despliegue, y después hasta la adopción de las herramientas: gestión y gobernanza, Atlassian, inteligencia artificial, soporte y mantenimiento de aplicaciones, en la industria y la defensa, la banca, las finanzas y los seguros, el retail y la distribución, el lujo.
Punto de partida: un sitio en Webflow de 29 páginas y un blog alojado por un tercero, en un subdominio. La auditoría realizada antes del diseño, en julio de 2026, midió lo que costaba esa configuración: el 73 % del tráfico orgánico concentrado en un solo artículo alojado fuera del dominio, las dos páginas que vertebran la oferta, de 179 y 172 palabras, un marcado de datos estructurados invalidado por un espacio de más, y cero menciones de BleuLemon en 20 respuestas de asistentes de IA (ChatGPT, Perplexity).
El brief
El encargo cabía en una frase: un sitio a la altura de una consultora que se dirige a los CIO, es decir, técnicamente ejemplar, y que el equipo de marketing pudiera modificar sin un desarrollador. Las expectativas:
- Partir de los datosauditoría del sitio existente, del SEO y de la visibilidad en los asistentes de IA, cartografía de 359 palabras clave y lectura página a página de 10 sitios de la competencia antes de iniciar el diseño.
- Dos idiomas en pie de igualdaduna versión inglesa completa, con direcciones traducidas y un hreflang recíproco, no una traducción automática superpuesta al francés.
- Traer el blog al dominio17 artículos alojados fuera del dominio, que había que llevar al sitio en los dos idiomas sin romper las direcciones que Google conoce.
- No perder nadaredirecciones 301 desde todas las direcciones antiguas, tanto las del sitio de Webflow como las de cada artículo del antiguo blog, y continuidad del seguimiento de audiencia.
- Un equipo autónomotres personas de BleuLemon, ninguna desarrolladora, deben poder cambiar un texto, una página o el menú, revisar en preproducción y publicar por sí mismas.
El enfoque de diseño
El manual de marca 2026 de BleuLemon, aplicado al pie de la letra: azul profundo, menta, coral, chartreuse, azul horizonte, y Montserrat como única tipografía. La apuesta, que la dirección comercial resumió en una fórmula, «es cuadrado, pero es redondo»: un sitio claro, de esquinas redondeadas con mesura, donde la prueba va por delante del efecto.
La adopción como promesa
El mensaje de la página de inicio, «La herramienta es un gasto. Es usted quien la convierte en una inversión», sitúa la adopción en el centro del sitio, y no el despliegue de una herramienta.
Secciones que sostienen la oferta
Gestión y gobernanza, Atlassian, inteligencia artificial, sectores, formación: cada familia de la oferta tiene sus páginas en profundidad, allí donde el antiguo sitio resolvía sus dos secciones en menos de 180 palabras.
Una prueba verificable
Marcas validadas por el cliente, casos de cliente presentados por sector, la condición de partner de Atlassian redactada tal como la confirma el directorio oficial: cada afirmación del sitio se sostiene ante un comprador que comprueba.
El movimiento en su justo lugar
Animaciones de entrada reservadas a los títulos y a las tarjetas con imagen, efectos de hover trabajados, y todo se detiene cuando el visitante ha activado la reducción de movimiento en su dispositivo.
La técnica
- Sitio 100 % estático generado con Astro y alojado en Cloudflare Pages: sin CMS que mantener, sin base de datos, publicación en menos de un minuto después de cada validación.
- Un fragmento HTML corriente por página: el equipo de BleuLemon describe en francés el cambio que quiere, un agente lo ejecuta, la preproducción se revisa y la publicación se resuelve en dos pasos.
- 116 páginas en dos idiomas, direcciones traducidas, hreflang recíproco y un único nodo Organization compartido por todos los datos estructurados: 679 bloques JSON-LD validados, 0 inválidos.
- 51 redirecciones 301: las antiguas direcciones de Webflow, los 17 artículos del antiguo blog y el subdominio blog.bleulemon.fr reconducido al sitio.
- Preparado para las IA: robots.txt que autoriza por su nombre a GPTBot, ClaudeBot, PerplexityBot y OAI-SearchBot, archivos llms.txt y llms-full.txt regenerados a partir de las páginas, anotaciones WebMCP en los 4 formularios, clave IndexNow.
- Medios recodificados: vídeo de la página de inicio de 19,9 MB a 688 KB, 14 fotos de 25,4 MB a 1,8 MB en WebP, un GIF de 8,2 MB sustituido por un MP4 de 588 KB.
- Cabeceras de seguridad y política de seguridad de contenido, banner de consentimiento que no instala nada sin permiso, formularios sin servidor.
- Entregados con el sitio: la auditoría de visibilidad, el plan de adquisición a doce meses y la cartografía de 359 palabras clave, para que el propio equipo pilote lo que viene después.
El proyecto en cifras
- 116 páginas en línea, 58 en francés y 58 en inglés, frente a las 29 del sitio anterior
- 17 artículos del blog trasladados al dominio y traducidos
- 359 palabras clave cartografiadas, 10 sitios de la competencia analizados antes del diseño
- 679 bloques de datos estructurados, 0 inválidos
- 51 redirecciones 301 configuradas, 18 de ellas para el antiguo blog
- Peso del vídeo de la página de inicio reducido un 96,5 %
- 4 búsquedas en primera página de Google heredadas del antiguo blog, que se mantenían cinco días después de la publicación (medido el 7 de septiembre de 2026)
Más proyectos
Tu proyecto merece el mismo cuidado
Un sitio a medida, en línea en 7 días, atendido por una persona real.