СайтHR / пошук роботи72

Назва кейсу UI/UX дизайн сайту для пошуку роботи DJob

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

Заголовок блоку Коротко про проєкт

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

Що отримав клієнт

Дизайн у Figma

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

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

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

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

Скриншот 1 — підпис Перший екран: пошук за посадою та локацією

Як проєктували

Головне на сайті пошуку роботи — швидко дістатися до вакансій. Тому рядок пошуку поставили прямо на перший екран, а одразу під ним — 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 й передача в розробку в одній команді.