Hans Leutenegger SA
Un portale del lavoro svizzero: tre lingue, due pubblici e un motore di ricerca che deve essere immediato.
- Anno
- 2026
- Progettazione
- 6 settimane
- Stack
- Next.js · React · Tailwind · Vercel
- Architettura dell'informazione
- Design
- Sviluppo
- Multilingue
- SEO
Versione dimostrativa pubblicata da Kayzen Web su un indirizzo Vercel; il dominio definitivo appartiene al cliente.
- lingue, tre strutture
- 3
- anno di fondazione
- 1965
- cantieri di ottimizzazione quantificati
- 2
Cosa c'era da risolvere.
Il contesto
Hans Leutenegger SA è un'agenzia svizzera per il lavoro nell'industria fondata nel 1965: lavoro temporaneo e collocamento a tempo indeterminato nell'industria, nell'edilizia e nei settori tecnici.
Il vincolo
Tre pubblici e tre lingue. Il candidato cerca un'offerta vicino a casa, nel suo mestiere, subito. L'azienda cerca un partner per il reclutamento. E la Svizzera impone il multilinguismo (tedesco, francese, italiano) non come un'opzione, ma come condizione per esistere.
La risposta
Il motore di ricerca delle offerte diventa la home: filtri per regione e per mestiere, risultati istantanei, senza ricaricare la pagina. L'area aziende è un ingresso parallelo e completo. Ogni lingua ha la sua vera struttura, con i suoi URL e i suoi hreflang.
I punteggi rilevati alla consegna.
Punteggi Lighthouse del sito in produzione. Li pubblichiamo così come sono: quando uno è basso, la causa e il piano di correzione sono spiegati più sotto invece di essere taciuti.
Ogni scelta di design, e il suo perché.
La ricerca come home
Filtri per regione e mestiere nella prima schermata, risultati subito sotto. Un candidato che deve navigare prima di poter cercare è un candidato perso.
Candidatura spontanea sempre visibile
Una parte importante dei collocamenti non nasce da un'offerta pubblicata. La candidatura spontanea è un percorso di primo livello, non una nota a piè di pagina.
Due ingressi dichiarati
Candidati e aziende hanno esigenze opposte. La separazione è esplicita fin dall'intestazione, in tutte e tre le lingue.
Palette del progetto
Rosso svizzero
#B21E2A
Identità
Grigio industria
#4A5158
Struttura
Bianco
#FFFFFF
Sfondo
Inchiostro
#1B1E22
Testo
Sistema tipografico
Titoli
Inter 700
Testo corrente
Inter 400
Una sola famiglia per tre lingue: il tedesco produce parole lunghe, l'italiano righe corte. Una famiglia con un ampio set di caratteri e una buona sillabazione evita tre impaginazioni diverse.
Cosa c'è sotto il cofano.
- Next.js
- React
- Tailwind
- Vercel
Ricerca istantanea lato client
Il filtraggio avviene senza ricaricare la pagina. In un portale di offerte, ogni andata e ritorno dal server si paga in abbandoni.
Tre strutture reali
/de/, /fr/, /it/ con hreflang reciproci e canonical corretti. Un cambio di lingua lato client avrebbe lasciato indicizzata una sola lingua.
Due cantieri individuati
62 in performance e 92 in SEO. Il primo deriva dal caricamento di tutte le offerte al primo rendering: la correzione scelta è la paginazione lato server. Il secondo, da descrizioni mancanti su alcune pagine di mestiere. Entrambi sono quantificati.
Come il sito si fa trovare.
Una pagina per mestiere e per regione
«Emploi soudeur Suisse romande» (lavoro da saldatore nella Svizzera francese), «Stellen Elektriker Bern». L'incrocio mestiere × regione è la base del posizionamento di un portale del lavoro.
Markup JobPosting
Ogni offerta riporta tipo, località, contratto e data di validità. È ciò che ne consente la comparsa nei risultati dedicati alle offerte di lavoro.
Cosa è stato consegnato.
- Home — ricerca offerte
- Offerte per mestiere
- Offerte per regione
- Candidatura spontanea
- Area aziende
- L'agenzia dal 1965
Lo svolgimento del progetto.
Architettura
Ricerca in home, due ingressi, tre lingue.
Design
Filtri immediati, candidatura spontanea al primo livello.
Sviluppo
Filtraggio lato client, strutture multilingue, JobPosting.
Prossimi passi
Paginazione server delle offerte, descrizioni delle pagine di mestiere.
Cosa ci chiedono spesso.
Altri lavori
Conformità GDPR e SaaSKonsent by Kayzen
Un fornitore di banner che verifica i banner è giudice e parte: l'indipendenza era il prodotto.
Sicurezza offensiva e SaaSSentinel by Kayzen
Vendere un prodotto di sicurezza agli ingegneri: ogni affermazione doveva essere dimostrabile.
Dati e servizio meteoMétéo Climat France
358 pagine indicizzabili, una mappa animata su 72 scadenze e nemmeno una riga di framework.
Lo stesso livello di rigore, per il tuo sito.
Audit gratuito del tuo sito attuale, preventivo entro 24 ore e un ragionamento scritto, come quello che hai appena letto. Pagamento in tre rate senza interessi; agevolazioni locali verificate prima della firma.