Два понятных пути к найму в HoReCa
Restojob соединяет работодателей и специалистов ресторанной индустрии. Я спроектировал web и mobile-сценарии для поиска вакансий, публикации резюме и общения после отклика.
Restojobrestojob.ru
Контекст
У работодателя задача — найти подходящего кандидата и обработать отклики; у специалиста — оценить вакансию и быстро связаться. Эти маршруты пересекаются, но требуют разной информации и разных приоритетов.
Задача
Нужно было уменьшить трение до первого действия для обеих сторон: не терять кандидата в фильтрах и не оставлять соискателя один на один с неполной вакансией.
Моя роль
Спроектировал web и mobile-сценарии для работодателей и специалистов ресторанной индустрии. Нарисовал логотип и сделал дизайн-систему, на которой держатся лента вакансий, карточка вакансии, резюме, отклики и переписка.
Результат
Двусторонняя платформа
Собрал общую систему для вакансий, резюме, откликов и коммуникации работодателей со специалистами.
1. С чего начинал
- Работодатель и специалист приходят в один продукт за разным. Одному нужно найти кандидата и разобрать отклики, другому оценить вакансию и быстро связаться.
- Соискателя легко потерять до первого действия: в фильтрах, в длинном описании или на странице, где непонятно, как связаться с заведением. Зарплата, график и адрес должны читаться раньше, чем текст описания.
2. Красный только для главного
Логотип — красное слово Restojob, набранное плотным гротеском со скруглёнными углами. В интерфейсе тот же красный оставил только для главного, им набрана зарплата и отмечен активный раздел. Остальное построено на светло-сером фоне и белых карточках с крупным скруглением, чтобы фотографии заведений и цифры выделялись сами. За действиями и метками закрепил отдельные цвета: зелёный за прямым контактом, синий за откликом, жёлтый за срочной вакансией.
3. Страница вакансии на вебе
Страницу разделил на две колонки. Слева сама работа: фотографии заведения, должность, вилка зарплаты, плитки «Опыт» и «График», затем описание. Справа заведение с адресами и станциями метро и кнопки «Позвонить», «Telegram», «Откликнуться», так что откликнуться можно, не дочитывая страницу до конца. Под описанием добавил блок «Ещё вакансии в заведении» для тех, кому подошло место, но не должность.
4. Развёл мобильные сценарии по ролям
Соискатель видит ленту. Вверху ряд должностей, ниже карточки с названием, зарплатой, заведением, опытом и станцией метро, а метки «Срочная вакансия», «Можно без опыта» и «Проживание» отвечают на частые вопросы ещё в списке. У работодателя экран «Мои вакансии», где под каждой вакансией стоят просмотры, отклики и новые отклики, а ниже действия для продвижения. Кнопки связи на вебе и в телефоне сохраняют цвет и очерёдность, меняется только их место, колонка справа на вебе и закреплённый блок внизу в телефоне.
5. Сложности и решения
Сложность
У соискателя сразу несколько способов связаться с заведением: звонок, мессенджер и отклик через платформу. Если подать их одинаково, выбор замедляет человека.
Решение
Развёл способы цветом и размером. Звонок и мессенджер зелёные и стоят парой, отклик синий, во всю ширину блока. Видно, где прямой контакт, а где действие внутри сервиса.
6. Продуктовые метрики
Каждое решение привязано к показателю: что на него работает и по чему это видно в аналитике.
Конверсия просмотра вакансии в отклик
- Что на это работает
- Главное о вакансии — должность, условия, заведение — стоит на первом экране, отклик доступен сразу.
- Что смотреть в аналитике
- Отклики на 100 просмотров вакансии, отдельно для web и mobile.
Доля вакансий, получивших отклик
- Что на это работает
- Кабинет «Мои вакансии» показывает просмотры и отклики по каждой вакансии — работодатель видит, что не работает.
- Что смотреть в аналитике
- Доля вакансий с первым откликом в первые дни после публикации.
Скорость ответа работодателя
- Что на это работает
- Отклики и переписка собраны в одном кабинете.
- Что смотреть в аналитике
- Медианное время от отклика до первого ответа кандидату.
7. Что получилось
- 2 аудитории идут по отдельным маршрутам внутри одного продукта. У специалиста лента, карточка вакансии и отклик, у работодателя кабинет с вакансиями и откликами.
- 6 сценариев найма сделаны на одной дизайн-системе для web и mobile: поиск, фильтры, карточка вакансии, резюме, отклики и переписка.
- Интерфейс рассчитан на платформу с базой 200K+. Карточки и метки выдерживают длинные названия, несколько адресов и разные условия.
Что вынес
В двусторонней платформе общими должны быть компоненты и правила, а порядок информации на экране у каждой стороны свой.