Personal & Industrie

Hans Leutenegger SA

Ein Schweizer Jobportal: drei Sprachen, zwei Zielgruppen und eine Suche, die sofort reagieren muss.

Jahr
2026
Umsetzung
6 Wochen
Stack
Next.js · React · Tailwind · Vercel
  • Informationsarchitektur
  • Design
  • Entwicklung
  • Mehrsprachigkeit
  • SEO
Website besuchen(neuer Tab)Über ein ähnliches Projekt sprechen

Demoversion, von Kayzen Web unter einer Vercel-Adresse veröffentlicht; die endgültige Domain gehört dem Kunden.

https://hl-web-master.vercel.app/
Startseite der Website Hans Leutenegger SA — Personal & Industrie, erstellt von Kayzen Web
Sprachen, drei Seitenstrukturen
3
Gründungsjahr
1965
bezifferte Optimierungsbaustellen
2
Die Ausgangslage

Was gelöst werden musste.

Der Kontext

Die Hans Leutenegger SA ist eine 1965 gegründete Schweizer Personalvermittlung für die Industrie: Temporär- und Festanstellungen in Industrie, Bau und Technik.

Die Einschränkung

Drei Zielgruppen und drei Sprachen. Stellensuchende suchen eine Stelle in ihrer Nähe, in ihrem Beruf, und zwar sofort. Unternehmen suchen einen Rekrutierungspartner. Und die Schweiz verlangt Mehrsprachigkeit – Deutsch, Französisch, Italienisch – nicht als Option, sondern als Existenzbedingung.

Die Antwort

Die Stellensuche wird zur Startseite: Filter nach Region und Beruf, sofortige Ergebnisse ohne Neuladen. Der Unternehmensbereich ist ein paralleler, vollständiger Einstieg. Jede Sprache hat ihre echte Seitenstruktur, mit eigenen URLs und hreflang-Angaben.

Gemessen, nicht behauptet

Die Werte bei der Auslieferung.

Lighthouse-Werte der Live-Website. Wir veröffentlichen sie unverändert: Ist einer niedrig, stehen Ursache und Korrekturplan weiter unten, statt verschwiegen zu werden.

PageSpeed
62
Performance: 62 von 100
96
Barrierefreiheit: 96 von 100
96
Best Practices: 96 von 100
92
Suchmaschinenoptimierung: 92 von 100
Design & Art Direction

Jede gestalterische Entscheidung – und ihr Grund.

  1. Die Suche als Startseite

    Filter für Region und Beruf auf dem ersten Bildschirm, Ergebnisse direkt darunter. Wer erst navigieren muss, bevor er suchen kann, ist ein verlorener Bewerber.

  2. Initiativbewerbung stets sichtbar

    Ein großer Teil der Vermittlungen geht nicht auf eine ausgeschriebene Stelle zurück. Die Initiativbewerbung ist ein Weg der ersten Ebene, keine Randnotiz in der Fußzeile.

  3. Zwei bewusste Einstiege

    Bewerbende und Unternehmen haben gegensätzliche Bedürfnisse. Die Trennung ist schon im Header explizit – in allen drei Sprachen.

Farbpalette des Projekts

  • Schweizer Rot

    #B21E2A

    Identität

  • Industriegrau

    #4A5158

    Struktur

  • Weiß

    #FFFFFF

    Hintergrund

  • Tinte

    #1B1E22

    Text

Typografisches System

Überschriften

Inter 700

Fließtext

Inter 400

Eine einzige Familie für drei Sprachen: Das Deutsche erzeugt lange Wörter, das Italienische kurze Zeilen. Eine Familie mit großem Zeichensatz und guter Silbentrennung erspart drei verschiedene Layouts.

Engineering

Was unter der Haube steckt.

  • Next.js
  • React
  • Tailwind
  • Vercel

  1. Sofortige Suche auf der Client-Seite

    Gefiltert wird ohne Neuladen der Seite. Auf einem Stellenportal bezahlt man jeden Server-Roundtrip mit Absprüngen.

  2. Drei echte Seitenstrukturen

    /de/, /fr/, /it/ mit wechselseitigen hreflang-Angaben und eigenen Canonicals. Eine clientseitige Sprachumschaltung hätte nur eine Sprache indexierbar gemacht.

  3. Zwei identifizierte Baustellen

    62 in der Performance und 92 im SEO. Ersteres kommt vom Laden aller Stellenangebote beim ersten Rendern – die serverseitige Paginierung ist die gewählte Korrektur. Letzteres von fehlenden Beschreibungen auf einigen Berufsseiten. Beide sind beziffert.

Suchmaschinenoptimierung

Wie die Website gefunden wird.

  1. Eine Seite pro Beruf und Region

    „Emploi soudeur Suisse romande“, „Stellen Elektriker Bern“. Die Kombination Beruf × Region ist das Fundament des SEO eines Stellenportals.

  2. JobPosting-Markup

    Jede Stelle trägt ihre Art, ihren Standort, ihre Vertragsform und ihr Gültigkeitsdatum. Das ermöglicht die Anzeige in den Ergebnissen für Stellenangebote.

Seitenstruktur

Was ausgeliefert wurde.

  • Startseite – Stellensuche
  • Stellen nach Beruf
  • Stellen nach Region
  • Initiativbewerbung
  • Bereich für Unternehmen
  • Die Agentur seit 1965
Methode

Der Projektablauf.

  1. Architektur

    Suche als Startseite, zwei Einstiege, drei Sprachen.

  2. Design

    Sofortige Filter, Initiativbewerbung auf der ersten Ebene.

  3. Entwicklung

    Clientseitiges Filtern, mehrsprachige Seitenstrukturen, JobPosting.

  4. Ausblick

    Serverseitige Paginierung der Stellen, Beschreibungen der Berufsseiten.

Fragen

Was man uns oft fragt.

Weil ein clientseitiger Umschalter nur eine einzige indexierbare URL erzeugt. In der Schweiz hieße das, sich für eine Sprache zu entscheiden und auf die beiden anderen Märkte zu verzichten – genau das, was ein landesweites Portal nicht tun kann.

Weitere Referenzen

Zurück zum Portfolio

Derselbe Anspruch, für Ihre Website.

Kostenloses Audit Ihrer aktuellen Website, Angebot innerhalb von 24 Stunden und eine schriftliche Begründung – wie die, die Sie gerade gelesen haben. Zahlung in drei Raten ohne Aufpreis; lokale Förderungen werden vor der Unterschrift geprüft.

Termin vereinbarenPreise ansehen
Teilen