Контекст

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

Кроме того, функционал был ограничен — не было фильтров, сортировок, поиска информации о компании, избранного из-за чего поиск подходящих вакансий занимал больше времени, чем мог бы.

Редизайн должен был сделать поиск быстрее, понятнее и повысить доверие к сервису.

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

Кроме того, функционал был ограничен — не было фильтров, сортировок, поиска информации о компании, избранного из-за чего поиск подходящих вакансий занимал больше времени, чем мог бы.

Редизайн должен был сделать поиск быстрее, понятнее и повысить доверие к сервису.

Задачи

Задача 1: Увеличить плотность полезного контента

Карточки вакансий были слишком крупные, кнопка отклика малозаметная. За один скролл пользователи видели мало предложений, и медленнее находили подходящие варианты.

Задача 2: Увеличить скорость сканирования информации о вакансиях

В карточках были расставлены слабые акценты: важная информация (зарплата, формат работы, опыт) не считывалась быстро.

На странице вакансии кнопка отклика “терялась” при пролистывании.

Задача 3: Расширить функционал

Функционал был ограничен: не хватало фильтров, сортировок, быстрой информации о работодателе, страницы избранного.

Задача 4: Повысить доверие к вакансиям и работодателям

Пользователи и саппорт отмечали низкий уровень доверия к публикующимся компаниям. Нужно было добавить маркеры прозрачности и надёжности работодателя.

Процесс

Переработка карточек вакансии

Исходя из поставленных задач, я:

  • Уменьшила карточки, чтобы на один экран стало помещаться больше вакансий;

  • Пересобрала визуальные акценты: зарплата стала главным элементом, название — второстепенным;

  • Убрала длинные описания. Вместо этого вынесла ключевую информацию в короткие бейджи;

  • Добавила на карточку короткую информацию о работодателе, дату, кнопку избранного;

  • Исправила контрастность отдельных элементов, чтобы интерфейс корректно отображался на старых мониторах.

Добавление функционала

  • Добавила фильтры, чтобы ускорить поиск: опыт, график, формат работы, диапазон зарплаты;

  • Оптимизировала взаимодействие так, чтобы новые инструменты не перегружали интерфейс — сохранила компактность и скорость просмотра;

  • Добавила строку поиска на главную страницу.

Переработка страницы вакансии

  • Уплотнила содержание страницы: переработала расположение блоков об опыте, графике, условиях — читать стало проще, помещается больше.

  • Добавила блок “О работодателе” в верх страницы: логотип, краткая информация, статус проверки — чтобы улучшить доверие к вакансии.

  • Для компаний с подтверждёнными документами добавила бейдж “Проверенный работодатель”.

  • При клике по бейджу реализовала модальное окно с пояснением, что именно проверено — это снижало уровень тревожности пользователей (частая жалоба в саппорт).

  • Закрепила кнопку “Показать контакты” в нижней части экрана — теперь она не теряется при скролле, откликаться стало проще.

Результаты

Повысилась плотность контента на экране: на один экран стало помещаться на 30–40% больше карточек вакансий (за счёт уменьшения высоты карточек и удаления лишнего текста). Это увеличило количество просмотренных предложений за сессию

Коридорные исследования с коллегами из смежных команд показали, что:

  • Сканировать нужную информацию в общей ленте вакансий стало в несколько раз проще (по субъективным оценкам респондентов)

  • Ни один из 5 респондентов не “потерял” кнопку отклика на новой странице вакансии (в старой версии два респондента испытали трудности с тем, чтобы найти кнопку отклика после пролистывания)

  • 4 из 5 респондента отметили, что информация о проверенных документах работодателя повысила бы доверие к вакансии

Ошибки и выводы

В первой версии редизайна я проработала “идеальные” сценарии, но не учла несколько важных исключений:

  • Карточки вакансий без указания зарплаты;

  • Работодатели совсем без информации;

  • Экран без результатов после фильтрации.

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

Теперь при проектировании всегда составляю список сценариев через чек-лист: “Есть данные / Частичные данные / Нет данных”. Это помогает снизить количество финальных доработок.

Create a free website with Framer, the website builder loved by startups, designers and agencies.