Sites corporativos

O que um site da Whitewater inclui

Todo projeto entrega a mesma substância. O design e as palavras mudam de cliente para cliente; o piso de engenharia não muda.

Construído para ser encontrado

Para a maioria das empresas, a busca orgânica é a principal forma pela qual um novo cliente chega. Isso torna a busca um requisito de construção, não algo pensado depois por uma agência separada.

• Estrutura em primeiro lugar. Uma página por intenção de busca, com títulos que respondem à pergunta que o usuário digitou e links internos que deixam a hierarquia legível.
• Higiene do cabeçalho em toda página. Um título e uma meta descrição únicos, exatamente uma URL canônica, e cartões sociais que aparecem corretamente quando alguém cola o link em uma conversa.
• Dados estruturados a partir do conteúdo visível. As marcações de organização, serviço e trilha de navegação são geradas a partir da mesma fonte que a página renderiza, então o que um buscador lê nunca diverge do que uma pessoa vê.
• Índice legível por máquina. Um índice de sitemap cobrindo todo idioma, um arquivo robots que aponta para ele, e um llms.txt para os robôs que hoje resumem sites para pessoas.
• Indexação instantânea. Todo deploy em produção notifica o endpoint do IndexNow com as URLs alteradas, para que os buscadores que o suportam saibam de uma mudança em minutos, não apenas na próxima varredura.
• Core Web Vitals por construção. Entrega estática, recursos imutáveis com hash e nenhum script de terceiros são o caminho mais curto para bons dados de campo, que são, eles próprios, um fator de ranqueamento.
• O que não prometemos. Ninguém pode vender uma posição no ranking. Construímos a base técnica e editorial que permite que um bom conteúdo compita, medimos os resultados depois do lançamento e dizemos claramente quais partes estão fora do nosso controle.

Usável por todos, não só pela maioria

Acessibilidade é, ao mesmo tempo, uma exposição legal, um sinal de busca e um sinal de qualidade. Tratamos o WCAG 2.2 nível AA como o piso mínimo e o verificamos de forma mecânica, em vez de apenas afirmar isso em um folheto.

• Auditado por página, por tamanho de tela, por esquema de cores. Uma auditoria automatizada roda em toda página construída nas larguras de celular, tablet e desktop, nos modos claro e escuro, e qualquer violação reprova o build.
• Suporte real a teclado. Um link de pular navegação como primeira parada, um indicador de foco visível em todo lugar, e uma ordem de tabulação que segue a página.
• Contraste nos dois esquemas. As cores de texto e de interface são verificadas contra seus fundos reais, no modo escuro com o mesmo rigor do claro.
• Movimento que pede permissão. Tudo que se move é desativado para um visitante cujo sistema pede movimento reduzido, e um quadro estático é mostrado no lugar.
• Marcação semântica. Landmarks, um título por nível em ordem, campos de formulário rotulados e texto alternativo descritivo em toda imagem.
• Alvos confortáveis. Todo elemento interativo ultrapassa o mínimo de 24 pixels, verificado por medição, não a olho nu.
• Mãos no teclado também. As checagens automatizadas pegam muita coisa, mas não tudo, então também navegamos o site pelo teclado e o lemos em telas pequenas antes de publicar.

Um site, todo idioma que você atende

Um widget de tradução colocado sobre uma página em inglês é invisível para os buscadores e desagradável de ler. Suporte multilíngue de verdade é uma decisão de roteamento e de redação, tomada desde o início.

• Uma rota por idioma. Toda página existe em sua própria URL em cada idioma, para que cada uma possa ser indexada, referenciada e compartilhada.
• Sinais corretos. Um conjunto de hreflang com um x-default em toda página, além de uma URL canônica que aponta para a própria página, não para o original em inglês.
• Direita para a esquerda tratada no layout. A folha de estilo usa propriedades lógicas do início ao fim, para que o árabe espelhe toda a composição em vez de remendá-la.
• Escrito, não traduzido por máquina. O texto é redigido em cada idioma na voz da marca. Texto gerado automaticamente soa como texto gerado automaticamente, e o comprador percebe.
• Fontes dimensionadas com honestidade. As fontes são recortadas por alfabeto, e texto fora do latino usa a fonte do sistema em vez de enviar megabytes a um celular.
• Um seletor de idioma que não precisa de JavaScript. Links simples entre a mesma página em cada idioma, sem cookie e sem redirecionamento por suposição.

Protegido, e o e-mail chega

Um site institucional é uma superfície de ataque pequena que vale a pena manter pequena, e um formulário de contato não serve para nada se o e-mail cair na caixa de spam.

• Uma política de segurança de conteúdo de verdade. Nenhuma permissão para script embutido sem controle: cada script embutido é fixado por hash e todo o resto é recusado, o que impede que um script injetado sequer seja executado.
• Cabeçalhos de transporte e de navegador desde o primeiro dia. HSTS, bloqueio de detecção de tipo de conteúdo, política de referenciador e proteção contra enquadramento já vêm no primeiro deploy.
• Defesas em camadas no formulário. Um desafio Turnstile para confirmar que é humano, um honeypot para bots ingênuos, uma checagem de tempo de preenchimento para os rápidos, e validação no servidor com limite de tamanho em cada campo.
• Entregabilidade verificada no deploy. O domínio de envio é verificado como parte da publicação, para que um formulário que parou de entregar seja detectado por nós, não por um cliente que nunca recebeu resposta.
• Nenhum rastreador por padrão. Nada de terceiros carrega a menos que você peça, e a única analítica que instalamos é sem cookies, o que também significa nenhum banner de consentimento.
• Segredos ficam fora do repositório. As chaves vivem em um cofre de segredos e chegam ao site em produção como variáveis de ambiente, nunca como um arquivo no git.

O que é seu ao final

Você é dono do repositório, do conteúdo, do domínio e da conta de hospedagem. O site roda em uma infraestrutura no seu nome, então nada do que construímos depende da nossa existência continuada. Não há editor proprietário, nem licença por usuário, nem construtor de páginas alugado para pagar para sempre.

Manter a gente para as próximas mudanças costuma ser o caminho mais rápido, mas é uma preferência, não uma obrigação. Qualquer desenvolvedor competente pode clonar o repositório, ler os testes e lançar a próxima mudança sem nós.

Como um projeto funciona Software além do site