Hans Leutenegger SA
Un portal de empleo suizo: tres idiomas, dos públicos y un buscador que debe ser inmediato.
- Año
- 2026
- Diseño
- 6 semanas
- Stack
- Next.js · React · Tailwind · Vercel
- Arquitectura de la información
- Diseño
- Desarrollo
- Multilingüe
- SEO
Versión de demostración publicada por Kayzen Web en una dirección de Vercel; el dominio definitivo pertenece al cliente.
- idiomas, tres arborescencias
- 3
- año de fundación
- 1965
- obras de optimización cuantificadas
- 2
Lo que había que resolver.
El contexto
Hans Leutenegger SA es una agencia suiza de colocación industrial fundada en 1965: trabajo temporal y colocación fija en la industria, la construcción y los oficios técnicos.
La limitación
Tres públicos y tres idiomas. El candidato busca una oferta cerca de casa, en su oficio, ya. La empresa busca un socio de selección. Y Suiza impone el multilingüismo (alemán, francés, italiano) no como una opción, sino como condición para existir.
La respuesta
El buscador de ofertas se convierte en la página de inicio: filtros por región y por oficio, resultados instantáneos, sin recargar. El espacio para empresas es una entrada paralela y completa. Cada idioma tiene su arborescencia real, con sus URL y sus hreflang.
Las puntuaciones registradas en la entrega.
Puntuaciones Lighthouse del sitio en producción. Las publicamos tal cual: cuando una es baja, su causa y su plan de corrección se explican más abajo en lugar de silenciarse.
Cada decisión de diseño, y su porqué.
La búsqueda como inicio
Filtros de región y oficio en la primera pantalla, resultados bajo el pliegue. Un candidato que tiene que navegar antes de buscar es un candidato perdido.
Candidatura espontánea siempre visible
Una parte importante de las colocaciones no procede de una oferta publicada. La candidatura espontánea es un camino de primer nivel, no una nota a pie de página.
Dos entradas asumidas
Candidatos y empresas tienen necesidades opuestas. La separación es explícita desde la cabecera, en los tres idiomas.
Paleta del proyecto
Rojo suizo
#B21E2A
Identidad
Gris industria
#4A5158
Estructura
Blanco
#FFFFFF
Fondo
Tinta
#1B1E22
Texto
Sistema tipográfico
Titulares
Inter 700
Texto de lectura
Inter 400
Una sola familia para tres idiomas: el alemán produce palabras largas; el italiano, líneas cortas. Una familia con un juego de caracteres amplio y buena partición silábica evita tres maquetaciones distintas.
Lo que hay bajo el capó.
- Next.js
- React
- Tailwind
- Vercel
Búsqueda instantánea en el cliente
El filtrado se hace sin recargar la página. En un portal de ofertas, cada ida y vuelta al servidor se paga en abandonos.
Tres arborescencias reales
/de/, /fr/, /it/ con hreflang recíprocos y canónicas propias. Un cambio de idioma en el lado del cliente habría dejado un solo idioma indexado.
Dos obras identificadas
62 en rendimiento y 92 en SEO. Lo primero se debe a la carga de todas las ofertas en el primer renderizado: la corrección elegida es la paginación en el servidor. Lo segundo, a descripciones ausentes en algunas páginas de oficio. Ambas están cuantificadas.
Cómo se hace encontrar la web.
Una página por oficio y por región
«Emploi soudeur Suisse romande» (empleo de soldador en la Suiza francófona), «Stellen Elektriker Bern» (ofertas de electricista en Berna). El cruce oficio × región es la base del posicionamiento de un portal de empleo.
Marcado JobPosting
Cada oferta lleva su tipo, su ubicación, su contrato y su fecha de validez. Es lo que permite aparecer en los resultados de ofertas de empleo.
Lo que se entregó.
- Inicio — búsqueda de ofertas
- Ofertas por oficio
- Ofertas por región
- Candidatura espontánea
- Espacio para empresas
- La agencia desde 1965
El desarrollo del proyecto.
Arquitectura
Búsqueda en el inicio, dos entradas, tres idiomas.
Diseño
Filtros inmediatos, candidatura espontánea en primer nivel.
Desarrollo
Filtrado en el cliente, arborescencias multilingües, JobPosting.
Próximamente
Paginación de ofertas en el servidor, descripciones de las páginas de oficio.
Lo que nos preguntan a menudo.
Otros proyectos
Cumplimiento del RGPD y SaaSKonsent by Kayzen
Un proveedor de banners que audita banners es juez y parte: la independencia era el producto.
Ciberseguridad ofensiva y SaaSSentinel by Kayzen
Vender un producto de seguridad a ingenieros: cada afirmación tenía que poder demostrarse.
Datos y servicio meteorológicoMétéo Climat France
358 páginas indexables, un mapa animado sobre 72 horizontes de previsión y ni una sola línea de framework.
El mismo nivel de exigencia, para su web.
Auditoría gratuita de su web actual, presupuesto en 24 horas y un razonamiento por escrito, como el que acaba de leer. Pago en tres plazos sin intereses; ayudas locales verificadas antes de la firma.