Hans Leutenegger SA
Швейцарский портал вакансий: три языка, две аудитории и поиск, который должен работать мгновенно.
- Год
- 2026
- Разработка
- 6 недель
- Стек
- Next.js · React · Tailwind · Vercel
- Информационная архитектура
- Дизайн
- Разработка
- Многоязычность
- SEO
Демоверсия, размещённая Kayzen Web на адресе Vercel; окончательный домен принадлежит клиенту.
- языка, три структуры
- 3
- год основания
- 1965
- оценённые задачи оптимизации
- 2
Какую задачу нужно было решить.
Контекст
Hans Leutenegger SA — швейцарское кадровое агентство для промышленности, основанное в 1965 году: временный и постоянный подбор персонала в промышленности, строительстве и технической сфере.
Ограничение
Три аудитории и три языка. Кандидат ищет вакансию рядом с домом, по своей профессии, прямо сейчас. Компания ищет партнёра по подбору персонала. А Швейцария требует многоязычия — немецкий, французский, итальянский — не как опции, а как условия существования.
Решение
Поиск вакансий становится главной страницей: фильтры по региону и профессии, мгновенные результаты, без перезагрузки. Раздел для компаний — параллельный и полноценный вход. У каждого языка своя реальная структура, со своими URL и hreflang.
Показатели на момент сдачи.
Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.
Каждое решение — и его причина.
Поиск как главная страница
Фильтры по региону и профессии на первом экране, результаты — сразу ниже. Кандидат, которому нужно сначала побродить по сайту, прежде чем искать, — потерянный кандидат.
Инициативный отклик всегда на виду
Значительная часть трудоустройств происходит не по опубликованной вакансии. Инициативный отклик — путь первого уровня, а не сноска внизу страницы.
Два осознанных входа
У кандидатов и компаний противоположные потребности. Разделение явно показано уже в шапке, на всех трёх языках.
Палитра проекта
Швейцарский красный
#B21E2A
Фирменный стиль
Промышленный серый
#4A5158
Структура
Белый
#FFFFFF
Фон
Чернила
#1B1E22
Текст
Типографическая система
Заголовки
Inter 700
Основной текст
Inter 400
Одно семейство на три языка: немецкий даёт длинные слова, итальянский — короткие строки. Семейство с широким набором символов и хорошими переносами избавляет от трёх разных вёрсток.
Что внутри.
- Next.js
- React
- Tailwind
- Vercel
Мгновенный поиск на стороне клиента
Фильтрация происходит без перезагрузки страницы. На портале вакансий каждое обращение к серверу оплачивается отказами.
Три реальные структуры
/de/, /fr/, /it/ с взаимными hreflang и собственными каноническими URL. Переключение на стороне клиента оставило бы в индексе только один язык.
Две выявленные задачи
62 по производительности и 92 по SEO. Первое объясняется загрузкой всех вакансий при первом рендеринге — выбранное исправление — серверная пагинация. Второе — отсутствием описаний на некоторых страницах профессий. Обе задачи оценены.
Как сайт становится находимым.
Страница для каждой профессии и региона
«Emploi soudeur Suisse romande» (вакансии сварщика во франкоязычной Швейцарии), «Stellen Elektriker Bern» (вакансии электрика в Берне). Пересечение «профессия × регион» — основа продвижения портала вакансий.
Разметка JobPosting
У каждой вакансии указаны тип, местоположение, вид договора и срок действия. Именно это позволяет показываться в выдаче вакансий.
Что было сдано.
- Главная — поиск вакансий
- Вакансии по профессиям
- Вакансии по регионам
- Инициативный отклик
- Раздел для компаний
- Агентство с 1965 года
Ход проекта.
Архитектура
Поиск на главной, два входа, три языка.
Дизайн
Мгновенные фильтры, инициативный отклик на первом уровне.
Разработка
Фильтрация на клиенте, многоязычные структуры, JobPosting.
Впереди
Серверная пагинация вакансий, описания страниц профессий.
О чём нас часто спрашивают.
Другие проекты
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Данные & МетеосервисMétéo Climat France
358 индексируемых страниц, анимированная карта на 72 срока — и ни одной строчки фреймворка.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.