O método antes da ferramenta
O modelo em cinco etapas, compreender, enquadrar, implementar, fazer adotar, manter vivo, estrutura a página inicial, as páginas de serviços e os frisos cronológicos, com uma cor por etapa.
Caso prático
Consultoria em transformação IT · CIO
BleuLemon
Substituir um site Webflow de 29 páginas por um site bilingue de 116 páginas que uma equipa não técnica mantém viva sozinha, sem perder a marca nem as posições conquistadas, e preparar a BleuLemon para ser lida tanto pelos motores de busca como pelos assistentes de IA.
O contexto
A BleuLemon é uma consultora em transformação IT, com escritórios em Paris e em Lyon, parceira Atlassian desde 2008. Mais de 30 colaboradores acompanham os CIO do enquadramento à implementação e, depois, à adoção das ferramentas: pilotagem e governação, Atlassian, inteligência artificial, suporte e manutenção aplicacional, na indústria e na defesa, na banca, nas finanças e nos seguros, no retalho e na distribuição, no luxo.
No ponto de partida, um site Webflow de 29 páginas e um blog alojado por terceiros, num subdomínio. A auditoria realizada antes da conceção, em julho de 2026, mediu o que essa organização custava: 73 % do tráfego orgânico assente num único artigo alojado fora do domínio, as duas páginas que estruturam a oferta com 179 e 172 palavras, dados estruturados invalidados por um espaço a mais, e zero citações da BleuLemon em 20 respostas de assistentes de IA (ChatGPT, Perplexity).
O briefing
O pedido cabia numa frase: um site à altura de uma consultora que se dirige a direções de sistemas de informação, portanto tecnicamente exemplar, e que a equipa de marketing possa alterar sem programador. As expectativas:
- Partir dos dadosauditoria ao existente, ao SEO e à visibilidade nos assistentes de IA, mapeamento de 359 palavras-chave e leitura página a página de 10 sites concorrentes antes de iniciar a conceção.
- Duas línguas em pé de igualdadeuma versão inglesa completa, com endereços traduzidos e hreflang recíproco, não uma tradução automática sobreposta ao francês.
- Repatriar o blog17 artigos alojados fora do domínio, a trazer de volta para o site nas duas línguas, sem quebrar os endereços que o Google conhece.
- Não perder nadaredirecionamentos 301 a partir de todos os endereços antigos, tanto os do site Webflow como os de cada artigo do antigo blog, e continuidade da medição de audiência.
- Uma equipa autónomatrês pessoas da BleuLemon, que não são programadoras, têm de poder alterar um texto, uma página ou o menu, rever em pré-produção e publicar elas próprias.
A abordagem de design
As normas gráficas 2026 da BleuLemon aplicadas à risca: azul profundo, menta, coral, chartreuse, azul-horizonte, e Montserrat como único tipo de letra. A opção de fundo, resumida pela direção comercial numa fórmula, «é quadrado, mas é redondo»: um site claro, com arredondamentos comedidos, onde a prova vem antes do efeito.
A adoção como promessa
A mensagem da página inicial, «A ferramenta é uma despesa. É você quem faz dela um investimento.», coloca a adoção no centro do site, e não a implementação de uma ferramenta.
Secções que sustentam a oferta
Pilotagem e governação, Atlassian, inteligência artificial, setores, formações: cada família de oferta tem as suas páginas aprofundadas, quando o antigo site fazia caber as suas duas secções em menos de 180 palavras.
Uma prova verificável
Marcas validadas pelo cliente, casos de clientes apresentados por setor, parceria Atlassian escrita tal como o diretório oficial a confirma: cada afirmação do site sustenta-se perante um comprador que verifica.
O movimento no seu lugar
Animações de entrada reservadas aos títulos e aos cartões com imagem, estados de hover cuidados, e tudo fica parado quando o visitante configurou o dispositivo para movimento reduzido.
A técnica
- Site 100 % estático construído em Astro e alojado no Cloudflare Pages: sem CMS para manter, sem base de dados, publicação em menos de um minuto após cada validação.
- Um fragmento HTML comum por página: a equipa da BleuLemon descreve em francês a alteração pretendida, um agente executa-a, a pré-produção é revista e a publicação resume-se a dois gestos.
- 116 páginas em duas línguas, endereços traduzidos, hreflang recíproco e um único nó Organization partilhado por todos os dados estruturados: 679 blocos JSON-LD validados, 0 inválidos.
- 51 redirecionamentos 301: os antigos endereços Webflow, os 17 artigos do antigo blog e o subdomínio blog.bleulemon.fr encaminhado para o site.
- Preparado para a IA: robots.txt que autoriza pelo nome o GPTBot, o ClaudeBot, o PerplexityBot e o OAI-SearchBot, ficheiros llms.txt e llms-full.txt regenerados a partir das páginas, anotações WebMCP nos 4 formulários, chave IndexNow.
- Ficheiros multimédia recodificados: vídeo da página inicial de 19,9 MB para 688 KB, 14 fotografias de 25,4 MB para 1,8 MB em WebP, um GIF de 8,2 MB substituído por um MP4 de 588 KB.
- Cabeçalhos de segurança e política de segurança de conteúdos, banner de consentimento que não guarda nada sem autorização, formulários sem servidor.
- Entregues com o site: a auditoria de visibilidade, o plano de aquisição a doze meses e o mapeamento de 359 palavras-chave, para que a equipa conduza sozinha o que vem a seguir.
O projeto em números
- 116 páginas online, 58 em francês e 58 em inglês, contra 29 no antigo site
- 17 artigos de blog repatriados para o domínio e traduzidos
- 359 palavras-chave mapeadas, 10 sites concorrentes analisados antes da conceção
- 679 blocos de dados estruturados, 0 inválidos
- 51 redirecionamentos 301 configurados, 18 deles para o antigo blog
- Peso do vídeo da página inicial reduzido em 96,5 %
- 4 pesquisas na primeira página do Google herdadas do antigo blog, mantidas cinco dias após o lançamento (medido a 7 de setembro de 2026)
Mais projetos
O seu projeto merece o mesmo cuidado
Um site à medida, no ar em 7 dias, acompanhado por uma pessoa real.