Ciência sanitária para a tilápia, explicada em dois idiomas

Principais entregas

Entregas

• Arquitetura bilíngue – 16 páginas, 8 por idioma, com URLs traduzidas, hreflang recíprocos e um seletor que mantém a mesma página ao trocar de idioma.
• Uma página por serviço – Uma página geral de serviços que leva a uma página própria para assistência técnica e outra para diagnóstico laboratorial, cada uma com resumo e índice.
• Página própria para o Aquaprisma – Explica o benchmarking cego com um gráfico de exemplo que coloca a sua fazenda frente à mediana do grupo, sem expor nenhum produtor.
• Vídeo em cada cabeçalho – Montagens de viveiros, peixes e laboratório com versão leve para celular, imagem de reserva e botão de pausa.
• Contato em dois toques – Barra fixa com WhatsApp no celular e formulário com validação em dois idiomas e proteção contra spam.
• Cards para redes sociais – 14 imagens para compartilhar, uma por página e idioma, com o título e um quadro do vídeo daquela página.
• SEO técnico – Dados estruturados, breadcrumbs, sitemap com idiomas, metadados traduzidos e arquivo llms.txt para buscadores com IA.

Resultados e impacto

Impacto

• Desempenho no desktop – 100 no PageSpeed Insights, com o conteúdo principal visível em 0,6 s.
• Desempenho no celular – 91 no PageSpeed Insights, mesmo com vídeo de fundo no cabeçalho.
• Acessibilidade, boas práticas e SEO – 100 nas três categorias, no celular e no desktop.
• Sem saltos nem travamentos – Mudança cumulativa de layout de 0 e 0 ms de bloqueio total nas duas versões.
• Rápido também de longe – No GTmetrix, a partir de Seattle, 91 % de desempenho e conteúdo principal visível em 1,1 s.
• Dois mercados, um só site – Produtores do Brasil e de países de língua espanhola chegam cada um ao seu idioma, com a mesma informação.

PageSpeed Insights sobre avhagroup.com e GTmetrix a partir de Seattle, 10 de novembro de 2026. São medições de laboratório e variam um pouco entre testes.

A parte técnica

Implementação

O site é construído em Astro com TypeScript e publicado como arquivos estáticos. Não há banco de dados nem painel para atualizar ou proteger. Um registro central de rotas define a URL de cada página em cada idioma, e dele saem o seletor de idioma, os hreflang, o sitemap e as URLs canônicas. Os textos ficam em arquivos por idioma, separados dos componentes, então traduzir ou corrigir não mexe no design. As fontes vão junto com o site, as imagens são otimizadas na compilação em AVIF e WebP, e os vídeos das seções só são baixados quando estão prestes a entrar na tela.

Design e conversão

Design

O design leva o folder da AVHA para a tela, com seções em azul-marinho alternadas com branco, amarelo reservado para a barra de destaque e o botão principal, e verde para títulos curtos e sinais. Cada página abre com uma montagem de vídeo real sob um véu escuro, com o texto sempre na metade esquerda para facilitar a leitura. Para quem chega com pressa, cada página começa com um resumo e um índice numerado. Para quem já decidiu, o botão de contato e o WhatsApp estão sempre a um toque. As animações são poucas e comedidas, como a entrada do cabeçalho, aparições ao rolar a página e números do setor que contam uma única vez, todas desativadas se o visitante pedir menos movimento.

Crescimento

Capacidades

Adicionar uma página nova é registrar a rota e escrever o conteúdo nos dois idiomas. Links, sitemap e cards para redes sociais são gerados a partir disso, e um terceiro idioma segue o mesmo caminho. Se a AVHA quiser publicar notícias, casos de campo ou relatórios do setor, o site já está pronto para isso sem refazer o design, e cada página nova já nasce com o SEO técnico resolvido.