Hans Leutenegger SA
Un portail emploi suisse : trois langues, deux publics et un moteur de recherche qui doit être immédiat.
- Année
- 2026
- Conception
- 6 semaines
- Stack
- Next.js · React · Tailwind · Vercel
- Architecture de l'information
- Design
- Développement
- Multilingue
- SEO
Version de démonstration mise en ligne par Kayzen Web sur une adresse Vercel ; le domaine définitif appartient au client.
- langues, trois arborescences
- 3
- année de fondation
- 1965
- chantiers d'optimisation chiffrés
- 2
Ce qu'il fallait résoudre.
Le contexte
Hans Leutenegger SA est une agence de placement industriel suisse fondée en 1965 : intérim et placement fixe dans l'industrie, la construction et la technique.
La contrainte
Trois publics et trois langues. Le candidat cherche une offre près de chez lui, dans son métier, tout de suite. L'entreprise cherche un partenaire de recrutement. Et la Suisse impose le multilingue — allemand, français, italien — non comme une option mais comme une condition d'existence.
La réponse
Le moteur de recherche d'offres devient la page d'accueil : filtres par région et par métier, résultats instantanés, sans rechargement. L'espace entreprises est une entrée parallèle et complète. Chaque langue a son arborescence réelle, avec ses URL et ses hreflang.
Les scores relevés à la livraison.
Scores Lighthouse du site en production. Nous les publions tels quels : quand l'un d'eux est bas, sa cause et son plan de correction sont écrits plus bas plutôt que passés sous silence.
Chaque parti pris, et sa raison.
La recherche comme accueil
Filtres région et métier au premier écran, résultats sous le pli. Un candidat qui doit naviguer avant de chercher est un candidat perdu.
Candidature spontanée toujours visible
Une part importante des placements ne vient pas d'une offre publiée. La candidature spontanée est un chemin de premier niveau, pas une note en bas de page.
Deux entrées assumées
Candidats et entreprises ont des besoins opposés. La séparation est explicite dès l'en-tête, dans les trois langues.
Palette du projet
Rouge suisse
#B21E2A
Identité
Gris industrie
#4A5158
Structure
Blanc
#FFFFFF
Fond
Encre
#1B1E22
Texte
Système typographique
Titrage
Inter 700
Texte courant
Inter 400
Une seule famille pour trois langues : l'allemand produit des mots longs, l'italien des lignes courtes. Une famille à large jeu de caractères et à bonne césure évite trois mises en page différentes.
Ce qu'il y a sous le capot.
- Next.js
- React
- Tailwind
- Vercel
Recherche instantanée côté client
Le filtrage se fait sans rechargement de page. Sur un portail d'offres, chaque aller-retour serveur se paie en abandons.
Trois arborescences réelles
/de/, /fr/, /it/ avec hreflang réciproques et canoniques propres. Une bascule côté client aurait laissé une seule langue indexée.
Deux chantiers identifiés
62 en performance et 92 en SEO. Le premier vient du chargement de l'ensemble des offres au premier rendu — la pagination côté serveur est le correctif retenu. Le second, de descriptions manquantes sur certaines pages de métier. Les deux sont chiffrés.
Comment le site se rend trouvable.
Une page par métier et par région
« Emploi soudeur Suisse romande », « Stellen Elektriker Bern ». Le croisement métier × région est le socle du référencement d'un portail d'emploi.
Balisage JobPosting
Chaque offre porte son type, sa localisation, son contrat et sa date de validité. C'est ce qui permet l'affichage dans les résultats d'offres d'emploi.
Ce qui a été livré.
- Accueil — recherche d'offres
- Offres par métier
- Offres par région
- Candidature spontanée
- Espace entreprises
- L'agence depuis 1965
Le déroulé du projet.
Architecture
Recherche en accueil, deux entrées, trois langues.
Design
Filtres immédiats, candidature spontanée en premier niveau.
Développement
Filtrage côté client, arborescences multilingues, JobPosting.
À venir
Pagination serveur des offres, descriptions des pages métier.
Ce qu'on nous demande souvent.
D'autres réalisations
Conformité RGPD & SaaSKonsent by Kayzen
Un éditeur de bandeau qui audite les bandeaux est juge et partie : l'indépendance était le produit.
Cybersécurité offensive & SaaSSentinel by Kayzen
Vendre un produit de sécurité à des ingénieurs : chaque affirmation devait être démontrable.
Data & Service météoMétéo Climat France
358 pages indexables, une carte animée sur 72 échéances — et pas une seule ligne de framework.
Le même niveau d'exigence, pour votre site.
Audit gratuit de votre site actuel, devis sous 24 h et un raisonnement écrit — comme celui que vous venez de lire. Paiement en trois fois sans frais, aides locales vérifiées avant signature.