HR & Industrie

Hans Leutenegger SA

Een Zwitsers vacatureportaal: drie talen, twee doelgroepen en een zoekfunctie die direct moet werken.

Jaar
2026
Ontwerp
6 weken
Stack
Next.js · React · Tailwind · Vercel
  • Informatiearchitectuur
  • Design
  • Ontwikkeling
  • Meertaligheid
  • SEO

Demoversie door Kayzen Web online gezet op een Vercel-adres; het definitieve domein is eigendom van de klant.

https://hl-web-master.vercel.app/
Homepage van de website Hans Leutenegger SA — HR & Industrie, gemaakt door Kayzen Web
talen, drie boomstructuren
3
oprichtingsjaar
1965
begrote optimalisatieprojecten
2
Het uitgangspunt

Wat er opgelost moest worden.

De context

Hans Leutenegger SA is een Zwitsers bureau voor industriële personeelsbemiddeling, opgericht in 1965: uitzendwerk en vaste plaatsing in de industrie, de bouw en de techniek.

De beperking

Drie doelgroepen en drie talen. De kandidaat zoekt een vacature dicht bij huis, in zijn vak, onmiddellijk. Het bedrijf zoekt een wervingspartner. En Zwitserland legt meertaligheid op — Duits, Frans, Italiaans — niet als optie maar als voorwaarde om te bestaan.

Het antwoord

De zoekmachine voor vacatures wordt de homepage: filters per regio en per vak, directe resultaten, zonder herladen. Het bedrijvengedeelte is een parallelle en volledige ingang. Elke taal heeft haar eigen echte boomstructuur, met eigen URL's en hreflang.

Gemeten, niet beweerd

De scores bij oplevering.

Lighthouse-scores van de website in productie. Wij publiceren ze zoals ze zijn: als een score laag is, staan de oorzaak en het verbeterplan hieronder beschreven in plaats van verzwegen.

PageSpeed
62
Performance: 62 van de 100
96
Toegankelijkheid: 96 van de 100
96
Best practices: 96 van de 100
92
Vindbaarheid: 92 van de 100
Design & art direction

Elke keuze, en de reden erachter.

  1. Zoeken als homepage

    Filters op regio en vak op het eerste scherm, resultaten onder de vouw. Een kandidaat die moet navigeren voordat hij kan zoeken, is een verloren kandidaat.

  2. Open sollicitatie altijd zichtbaar

    Een groot deel van de plaatsingen komt niet voort uit een gepubliceerde vacature. De open sollicitatie is een pad op het eerste niveau, geen voetnoot.

  3. Twee bewuste ingangen

    Kandidaten en bedrijven hebben tegengestelde behoeften. De scheiding is vanaf de header expliciet, in de drie talen.

Kleurenpalet van het project

  • Zwitsers rood

    #B21E2A

    Identiteit

  • Industriegrijs

    #4A5158

    Structuur

  • Wit

    #FFFFFF

    Achtergrond

  • Inkt

    #1B1E22

    Tekst

Typografisch systeem

Koppen

Inter 700

Lopende tekst

Inter 400

Eén familie voor drie talen: het Duits levert lange woorden op, het Italiaans korte regels. Een familie met een ruime tekenset en goede woordafbreking voorkomt drie verschillende lay-outs.

Engineering

Wat er onder de motorkap zit.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Direct zoeken aan clientzijde

    Het filteren gebeurt zonder de pagina te herladen. Op een vacatureportaal betaal je elke rondreis naar de server met afhakers.

  2. Drie echte boomstructuren

    /de/, /fr/, /it/ met wederzijdse hreflang en eigen canonicals. Een omschakeling aan clientzijde had maar één geïndexeerde taal opgeleverd.

  3. Twee geïdentificeerde projecten

    62 op performance en 92 op SEO. Het eerste komt door het laden van alle vacatures bij de eerste rendering — paginering aan serverzijde is de gekozen oplossing. Het tweede door ontbrekende beschrijvingen op sommige vakpagina's. Beide zijn begroot.

Vindbaarheid

Hoe de website vindbaar wordt.

  1. Eén pagina per vak en per regio

    “Emploi soudeur Suisse romande”, “Stellen Elektriker Bern”. De kruising vak × regio is de basis van de vindbaarheid van een vacatureportaal.

  2. JobPosting-markering

    Elke vacature vermeldt haar type, locatie, contract en geldigheidsdatum. Dat maakt de weergave in de resultaten voor vacatures mogelijk.

Sitestructuur

Wat er is opgeleverd.

  • Home — vacatures zoeken
  • Vacatures per vak
  • Vacatures per regio
  • Open sollicitatie
  • Bedrijvengedeelte
  • Het bureau sinds 1965
Werkwijze

Het verloop van het project.

  1. Architectuur

    Zoeken als homepage, twee ingangen, drie talen.

  2. Design

    Directe filters, open sollicitatie op het eerste niveau.

  3. Ontwikkeling

    Filteren aan clientzijde, meertalige boomstructuren, JobPosting.

  4. Gepland

    Paginering van de vacatures aan serverzijde, beschrijvingen van de vakpagina's.

Vragen

Wat ons vaak gevraagd wordt.

Omdat een kiezer aan clientzijde maar één indexeerbare URL oplevert. In Zwitserland komt dat neer op één taal kiezen en afzien van de twee andere markten — precies wat een nationaal portaal niet kan doen.

Hetzelfde niveau van zorg, voor uw website.

Gratis audit van uw huidige website, offerte binnen 24 uur en een schriftelijke onderbouwing — zoals die u net hebt gelezen. Betaling in drie termijnen zonder extra kosten; lokale subsidies gecontroleerd vóór ondertekening.

Delen