Путеводитель по гибридному офису

Сторилендинг
для сотрудников VK
Задача

Переработать путеводитель по гибридному режиму работы в инструмент для усиления внутреннего и внешнего HR-бренда компании.

Что сделали
Превратили 17 страниц списков и чек-листов в сторилендинг, который за 2 месяца посмотрели 14000 раз. Все необходимые материалы теперь можно найти за 1 клик.
Стоимость похожего проекта
от 300 000 рублей
Этап 0

Поиск подхода

Чтобы подобрать решения, максимально эффективные для задачи клиента, перед началом работы мы показываем несколько проектов-референсов. Для содержания путеводителя мы предложили использовать систему карточек, как в проекте 
The A-Z of AI.

Материал внутри карточек мы организовали по примеру внутренних страниц The A-Z of AI и нашего проекта для компании «Локотех»‎.

Система карточек понятно структурирует темы, не связанные между собой, и не дает читателю запутаться
Иллюстрации и интерактивные механики делают взаимодействие с контентом интересным и не монотонным
Этап 1

Структура и контент

VK среди первых в России создали и воплотили концепцию гибридного офиса для 10000 сотрудников. Чтобы обеспечить сотрудников удобным инструментом для работы и передать свой опыт HR-сообществу, VK разработали путеводитель по гибридному офису. Материалы путеводителя можно переосмыслить или использовать у себя в компании.

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

Система карточек в путеводителе
Этап 2

Сторителлинг

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

В результате мы оставили несколько самых простых и понятных метафор. Их немного, но к ним можно постоянно возвращаться — так не теряется ни космическая тема, ни читатель.

Главная страница проекта: здесь вводятся все основные космические метафоры
Этап 3

Механики

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

Информация в путеводителе периодически всплывает по наведению курсора
Между схемами и инструкциями в одной карточке можно перемещаться по клику
Любую карточку можно сохранить или распечатать в pdf-формате
Этап 4

Дизайн

Мы создавали иллюстрации на основе цветов, форм и паттернов из брендбука клиента. В каждой иллюстрации есть свой сюжет для соответствующего текстового блока. Путеводитель становится нагляднее, а к инструкциям и правилам добавляется элемент заботы и человечности.

Результаты
14 000
просмотров за 2 месяца
(в среднем — 230 визитов в день)
~40
человек посещают проект
ежедневно

Теперь путеводитель — это инструмент, который сотрудникам VK удобно держать под рукой, а HR-специалистам из других компаний – применять для выстраивания работы в новых условиях.

Отзыв клиента

«Коллеги очень довольны. Фидбэк позитивный. Нравится сам сайт, как преподнесен контент. Много слышала хороших отзывов от сотрудников внутри и от HR-коллег из других компаний. Все хорошо упаковано и выглядит как полноценный продукт. Многие спрашивали, кто делал проект, и предлагали похожим образом упаковать другие наши HR-сайты и порталы‎»‎

— Валерия Митяева, руководитель направления развития бренда работодателя в компании VK

Команда
Лера Смольникова
Руководитель проекта
Леся Балашова
Арт-директор
Влад Баранавкин
Иллюстратор
Юля Севастьянова
Редактор
Анар Сурутаева
Моушн-дизайнер
Антон Филиппов
Разработчик
Сотрудничать

Напишите нам! Мы предложим решение для вашей задачи и подберем референсы

1 млн — с нуля до рабочего продукта. Финальная смета зависит от объема контента, сложности механик и формата

Заполните форму, чтобы мы смогли предложить решение для вашей задачи и точную смету

Спасибо, ваша информация отправлена! Мы скоро с вами свяжемся.
Не удалось отправить форму, попробуйте ещё раз!