Hans Leutenegger SA
Um portal de emprego suíço: três línguas, dois públicos e um motor de pesquisa que tem de ser imediato.
- Ano
- 2026
- Conceção
- 6 semanas
- Stack
- Next.js · React · Tailwind · Vercel
- Arquitetura de informação
- Design
- Desenvolvimento
- Multilingue
- SEO
Versão de demonstração publicada pela Kayzen Web num endereço Vercel; o domínio definitivo pertence ao cliente.
- línguas, três arborescências
- 3
- ano de fundação
- 1965
- frentes de otimização orçamentadas
- 2
O que era preciso resolver.
O contexto
A Hans Leutenegger SA é uma agência suíça de colocação industrial fundada em 1965: trabalho temporário e colocação permanente na indústria, na construção e na área técnica.
A restrição
Três públicos e três línguas. O candidato procura uma oferta perto de casa, na sua profissão, imediatamente. A empresa procura um parceiro de recrutamento. E a Suíça impõe o multilinguismo — alemão, francês, italiano — não como opção, mas como condição de existência.
A resposta
O motor de pesquisa de ofertas passa a ser a página inicial: filtros por região e por profissão, resultados instantâneos, sem recarregar a página. A área para empresas é uma entrada paralela e completa. Cada língua tem a sua própria arborescência real, com os seus URL e os seus hreflang.
As pontuações registadas na entrega.
Pontuações Lighthouse do site em produção. Publicamo-las tal como estão: quando uma delas é baixa, a causa e o plano de correção estão descritos mais abaixo, em vez de serem omitidos.
Cada opção, e a sua razão.
A pesquisa como página inicial
Filtros de região e profissão no primeiro ecrã, resultados logo abaixo. Um candidato que tem de navegar antes de pesquisar é um candidato perdido.
Candidatura espontânea sempre visível
Uma parte importante das colocações não resulta de uma oferta publicada. A candidatura espontânea é um percurso de primeiro nível, não uma nota no fundo da página.
Duas entradas assumidas
Candidatos e empresas têm necessidades opostas. A separação é explícita logo no cabeçalho, nas três línguas.
Paleta do projeto
Vermelho suíço
#B21E2A
Identidade
Cinzento industrial
#4A5158
Estrutura
Branco
#FFFFFF
Fundo
Tinta
#1B1E22
Texto
Sistema tipográfico
Títulos
Inter 700
Texto corrido
Inter 400
Uma só família para três línguas: o alemão produz palavras longas, o italiano linhas curtas. Uma família com um conjunto alargado de caracteres e boa hifenização evita três paginações diferentes.
O que está por baixo do capô.
- Next.js
- React
- Tailwind
- Vercel
Pesquisa instantânea do lado do cliente
A filtragem faz-se sem recarregar a página. Num portal de ofertas, cada ida e volta ao servidor paga-se em abandonos.
Três arborescências reais
/de/, /fr/, /it/ com hreflang recíprocos e canónicos próprios. Uma troca de língua do lado do cliente teria deixado uma única língua indexada.
Duas frentes identificadas
62 em desempenho e 92 em SEO. A primeira resulta do carregamento de todas as ofertas na primeira renderização — a paginação do lado do servidor é a correção escolhida. A segunda, de descrições em falta em algumas páginas de profissão. Ambas estão orçamentadas.
Como o site se torna encontrável.
Uma página por profissão e por região
«Emploi soudeur Suisse romande» (emprego de soldador na Suíça francófona), «Stellen Elektriker Bern» (vagas de eletricista em Berna). O cruzamento profissão × região é a base do posicionamento de um portal de emprego.
Marcação JobPosting
Cada oferta indica o seu tipo, a localização, o contrato e a data de validade. É isso que permite a apresentação nos resultados de ofertas de emprego.
O que foi entregue.
- Início — pesquisa de ofertas
- Ofertas por profissão
- Ofertas por região
- Candidatura espontânea
- Área para empresas
- A agência desde 1965
As etapas do projeto.
Arquitetura
Pesquisa na página inicial, duas entradas, três línguas.
Design
Filtros imediatos, candidatura espontânea em primeiro nível.
Desenvolvimento
Filtragem do lado do cliente, arborescências multilingues, JobPosting.
Próximos passos
Paginação das ofertas no servidor, descrições das páginas de profissão.
O que nos perguntam com frequência.
Outros projetos
Conformidade RGPD & SaaSKonsent by Kayzen
Um editor de banners que audita banners é juiz em causa própria: a independência era o produto.
Cibersegurança ofensiva & SaaSSentinel by Kayzen
Vender um produto de segurança a engenheiros: cada afirmação tinha de ser demonstrável.
Dados & Serviço meteorológicoMétéo Climat France
358 páginas indexáveis, um mapa animado em 72 horizontes — e nem uma linha de framework.
O mesmo nível de exigência, para o seu site.
Auditoria gratuita do seu site atual, orçamento em 24 h e um raciocínio por escrito — como o que acabou de ler. Pagamento em três prestações sem juros; apoios locais verificados antes da assinatura.