СайтHR/поиск работы72

UI/UX дизайн сайта для поиска работы DJob

Дизайн главной страницы сервиса поиска работы: поиск по ключевому слову и локации, категории вакансий, рекомендации, загрузка резюме. Десктопная и мобильная версии в Figma.

Коротко о проекте

Клиент: DJob; сервис поиска работы
Задача: UI/UX дизайн; главная страница сервиса
Версии: Десктоп и мобильная; макеты в Figma
Структура: 8 секций; от поиска до футера
Главный сценарий: Поиск вакансии; ключевое слово + локация
Точки конверсии: 4; Search, Apply Now, Upload CV, подписка

Что получил клиент

Дизайн в Figma

8: секций главной страницы
4: точки конверсии
2: версии макета

Макеты готовы к передаче в разработку: десктоп и мобильная версия в одном файле Figma.

Контекст и задача

DJob — сервис, где можно найти работу из дома или в другой стране. Нужно было спроектировать главную страницу, которая за несколько секунд позволяет начать поиск: ввести должность и локацию, выбрать категорию или сразу откликнуться на рекомендованную вакансию. Отдельно — дать работодателям найти кандидата через загруженное резюме.

Первый экран: поиск по должности и локации

Как проектировали

Главное на сайте поиска работы — быстро добраться до вакансий. Поэтому строку поиска поставили прямо на первый экран, а сразу под ним — 8 категорий с количеством открытых вакансий. Доверие усиливают плавающие карточки с цифрами (100K+ вакансий, 12K+ пользователей) и уведомлением «You are accepted». Стиль — светлая лавандовая палитра с сине-фиолетовым акцентом, крупные заголовки и много воздуха

Архитектура кампаний

Первый экран «Discover Your Dream Job»: поиск по должности и локации, кнопки Sign Up / Sign In и карточки с цифрами доверия.
«Find Your Jobs By Category»: 8 категорий — от Business Development до IT & Software — с количеством вакансий.
«Discover Job Around The World»: блок о работе за границей с кнопкой Get Started.
«Recommended Job For You»: вкладки Part Time / Full Time / Remote, карточки вакансий с зарплатой и кнопкой Apply Now.
«Let The Company Found You»: загрузка резюме (Upload Your CV) и визуал с уведомлениями от работодателей.
Отзывы пользователей в карусели, подписка на рассылку и футер с навигацией и контактами.

Что ведёт к действию

На странице 4 точки конверсии: поиск на первом экране, Apply Now в карточках вакансий, Upload Your CV для тех, кто хочет, чтобы работодатель нашёл их сам, и подписка на рассылку. Кнопки в одном акцентном цвете, поэтому их легко найти взглядом

Адаптив и передача в разработку

Помимо десктопа, собрали мобильную версию: блоки перестроены в одну колонку, поиск и категории остались на первом плане. Макеты организованы в Figma так, чтобы разработчик мог сразу взять размеры, цвета и компоненты.

Итог

Клиент получил готовый дизайн главной страницы сервиса поиска работы: понятный путь от поиска до отклика на вакансию, отдельный сценарий для резюме и мобильную версию, готовую к разработке.

Сайт полностью — от хедера до футера

Прокрутите внутри окна, чтобы увидеть главную страницу полностью.

Нужен дизайн, который ведёт к действию?

Спроектируем сайт или сервис: структура, прототип, дизайн в Figma и передача в разработку в одной команде.