Освещать путь: новый визуальный стиль hh.ru

HeadHunter — одна из крупнейших HR-платформ в России, прошедшая путь от сервиса для офисного найма до полноценной HCM-системы. В ходе трансформации у компании появились новые аудитории: молодые специалисты, рабочие профессии, малый бизнес. Визуальная система должна была поддержать это расширение — помочь бренду говорить с новой аудиторией на понятном ей языке и остаться узнаваемым для уже существующей.

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

Работа началась с исследования: команда агентства Сигнал (часть ONY) провела бренд-аудит и серию глубинных интервью с работодателями и соискателями, изучила HR-тренды и конкурентную среду. На основе этого совместно с командой hh.ru сформулировали ключевое сообщение: «Поиск работы и сотрудников — трудоёмкий процесс, в котором легко потеряться, а hh.ru освещает путь в этом поиске».

Базовая идея «освещать путь» была предложена инхаус-командой hh.ru и получила развитие в визуальной системе, разработанной ONY. Главным выразительным элементом стал свет — он формирует логику всей айдентики: выхватывает главное, расставляет акценты, помогает ориентироваться. Сцены строятся по единому принципу: фон, объект, источник света. Приём работает на всех форматах — от интерфейсов до наружной рекламы, от фотографии до иллюстрации.

Ключевые элементы системы:

– Фотостиль: свет направляет внимание в кадре. Система выстроена с плавной градацией — от абстрактных 3D-сцен к предметной и портретной съёмке, с вариацией тональности от насыщенных контрастов до нейтральных бежевых и солнечных оттенков.

– Иллюстрации: продолжают идею света в сюжетах; след штриховки в заливках делает стиль чуть рукотворнее и человечнее.

– Шрифт hh sans: создан специально для бренда. Вдохновлён американскими гротесками начала XX века с их лёгкой неровностью и живыми формами. Включает три текстовых начертания и яркое дисплейное; поддерживает расширенную латиницу, кириллицу и грузинский алфавит.

– Иконографика: набор из 204 иконок в двух состояниях, повторяющих форму овала из шрифта и развивающих его логику в дружелюбных образах.

– Гибкость системы подтвердила зимняя кампания: свет остался тем же, но теперь падал на снежную поверхность. Логотип превратился в снежок, интерфейсные элементы были «вылеплены» из снега — достаточно было сменить контекст, чтобы запустить новое сообщение.

Сигнал (часть ONY) провели бренд-аудит, серию глубинных интервью с работодателями и соискателями, анализ HR-трендов и конкурентной среды — российских и зарубежных практик. Выявлены сильные стороны бренда, определены цели трансформации и новые аудитории. Результатом стала формулировка ключевого сообщения бренда, которая легла в основу всей визуальной концепции.

Совместно с инхаус-командой hh.ru сформулирована идея «освещать путь» и разработана визуальная метафора света как главного структурообразующего элемента. Определён единый принцип построения сцен: фон, объект, источник света. Сформирована цветовая система с вариативной тональностью — от контрастных до мягких и солнечных оттенков.

Создан фирменный шрифт hh sans с тремя текстовыми начертаниями и дисплейным, поддерживающий три алфавита. На его основе разработан набор из 204 иконок в двух состояниях. Выстроена фотосистема с градацией от 3D-абстракций до портретной съёмки. Разработаны иллюстрации со штриховой текстурой. Все элементы проверены на совместимость и масштабируемость.

Визуальная система адаптирована на все ключевые форматы: интерфейсы, наружная реклама, фотография, иллюстрация. Гибкость системы протестирована на зимней кампании — бренд сохранил узнаваемость при полной смене контекста. Разработан гайдлайн для самостоятельного масштабирования командой hh.ru.

Выстроена айдентика, в которой всё работает как сцена: свет, объект, акцент. Система позволяет бренду говорить с разными аудиториями, адаптироваться к новым сценариям и оставаться собой — без потери узнаваемости.

Главные результаты:

– Создан фирменный шрифт hh sans с поддержкой трёх алфавитов и четырьмя начертаниями;

– Разработан набор из 204 иконок в двух состояниях;

– Визуальная система успешно масштабирована на зимнюю кампанию без дополнительных усилий;

– Бренд получил инструмент для самостоятельного развития коммуникаций.