Дайджест новостей компании

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

Задача

Сайт с главными новостями компании в формате сторилендингов

Что сделали

Сколько заняло времени

3 недели

Три недели — это довольно мало для такого проекта. Оптимальные сроки на аналогичный дайджест — от 30 рабочих дней. Чтобы сделать его в короткие сроки, над проектом работали сразу два инфографера.

Сколько стоит похожий проект

1 000 000 рублей за дайджест с 10ю новостями

Ключевые этапы работы над проектом

Нам прислали готовые новости — так бывает нередко. В этот раз не пришлось ничего писать самостоятельно: только придумать структуру и механики того, как визуализировать смыслы.

Контент и переработка информации

Изначально все новости были в обычном текстовом документе. Мы выбрали три основных новости из десяти и подобрали референсы по их механикам.

Информация из этих новостей под NDA, но одну новость про робота помощника мы можем показать.

Подбор референсов

Материалы должны вовлекать читателя и четко доносить ключевые посылы, поэтому для каждой новости мы применили разные механики.

В разговоре с клиентом прозвучала фраза «вывести на орбиту» — вспомнился проект о посадке китайского летательного аппарата на Марс

Чтобы показать логику голосового помощника, мы взяли референс от The Pudding

Еще одна механика для привлечения внимания

Дизайн-концепция

Чтобы сотрудникам было интересно читать, мы сделали каждую новость в формате сторилендинга.

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

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

Интерактивные механики

Ниже примеры карточек новостей с главной страницы. Текст на карточках изменен.

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

На странице про голосового помощника мы реализовали механику смены сценариев. Так, можно увидеть уровень задач, которые он может решать.

Ссылка на страницу про голосового помощника

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

При переносе верстки из ReadyMag во внутренний контур возникают дополнительные сложности, поэтому платформа не подошла для наших задач. А для публичных проектов — это работающее решение.

Программинг

Команда проекта