ОТЛК

Этап 0

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

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

Чтобы развеять миф, мы решили воссоздать путешествие объявления на Авито и связать его с работой разных кластеров и команд. После размещения объявление переводится в двоичный код и улетает в метамир Avito.Tech путешествовать по юнитам. Вдохновились отчетом Unacademy и поющим ИИ.

Чтобы объединить разные уголки вселенной Авито, мы решили придать объявлению простую визуальную форму – шарик

Так мы хотели показать магию процессов Авито. Шарик попадает в «черный ящик», где на него влияют разные команды и технологии

Этап 1

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

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

Сложив вместе 70 остановок на пути объявления, 90 команд и 50 страниц данных опросов, мы поняли, что если мы хотим сохранить читателя, придется идти на жертвы. В итоге путь сократился до 17 кластеров без углубления в юниты и команды.

Примерно так выглядел путь объявления: чтобы читатель не потерялся на первой же развилке, сократили его в 4 раза

В итоге получилось 6 смысловых блоков: интро, структура Авито, техническая база, модерация, публикация и финал

Этап 2

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

Сначала мы хотели оставить главным героем само объявление, но когда мы поняли, что рассказываем о 17 кластерах, пришли к выводу, что никакой шарик в этом случае не удержит внимание пользователей. Тогда у нас появился кот-рассказчик, которого мы, собственно, и пристраиваем в хорошие руки через объявление. А шарик превратился в клубок, добавляя рассказу динамики!

Если присмотреться, у кота на ошейнике висит пометка «б/у». Бэушный котик — один из официальных маскотов Авито!

Этап 3

Механики

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

По клику можно больше узнать о некоторых терминах и подробнее изучить отдельные темы

Наша любимая механика: по клику можно распилить монолит на десяток микросервисов:)

Все, что скучно читать в формате лонгрида, можно представить как чатик между котом и сотрудником!

Этап 4

Дизайн

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

Результаты

14 000

просмотров за 2 месяца
(в среднем — 230 визитов в день)

~40

человек посещают проект
ежедневно

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

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

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

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

Посмотреть проект

Сторилендинг о компании

Собрали и переработали информацию о 26 кластерах, 70 юнитах и 90 командах

С помощью 15000 знаков текста, 10 механик и 1 кота показали, какую роль играют IT-кластеры в Авито

Получили...