Интерактивный инфотейнмент-проект «Орбиты»

Главное о кейсе

«Орбиты» — это интерактивный инфотейнмент-проект о российских искусственных спутниках Земли. Он разрабатывался для научно-популярного медиа «Black Science» и Института развития интернета (АНО «ИРИ»). Cпецпроект в доступном виде рассказывает об искусственных спутниках Земли.

Как проект изменил жизнь пользователей

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

Бизнес-задача и ее решение

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

Крафт (мастерство), реализация, технические детали

Проработали структуру портала, чтобы подружить визуал с контентным наполнением.
У заказчика уже было представление о том, какие элементы нужно разместить на портале. Мы немного переработали первоначальную структуру, чтобы сделать её проще и понятнее.
Поскольку интерфейс спецпроекта очень тесно связан с визуальной частью, мы спроектировали более детализированные вайрфреймы, чем это требуется обычно. На вайрфреймах сразу разместили модели спутников и карту орбит, чтобы понять, как будут восприниматься все элементы.
Интерфейс был нетипичным и с большим количеством разных элементов. Чтобы убедиться, что пользователи воспринимают его правильно, мы провели серию небольших UX-тестов. В результате выяснилось, что изначальная структура довольно сложна для восприятия. Решили разбить информацию на большее количество экранов и добавить подсказки, чтобы интерфейс рассказывал пользователю историю и мягко направлял в нужную сторону.
Вторая версия интерфейса с разделением на карту орбит и «рубку капитана» c базой знаний
Реалистичные изображения спутников не совсем вписывались в общую стилистику проекта. И к тому же получить права на использование фотографий оказалось сложно. Поэтому мы подготовили собственные иллюстрации спутников — в ретростиле, будто это цветные рисунки в инструкциях.
Продумали удобную навигацию по базе знаний. Пользователь может читать статьи, проходить серьезные и забавные тесты в духе «какая ты космическая еда?», находясь в рубке капитана космического корабля.
Адаптировали сайт под разные устройства. Многие элементы растягиваются в зависимости от ширины экрана. Чтобы создать плавные анимации перехода между отдельными экранами и элементами, мы использовали Java Script.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Мы создали вовлекающий инфотейнмент-проект о российских спутниках Земли.
– 300 тыс. уникальных посещений портала за первые месяцы после запуска.
– Мультимедийный продукт отлично объясняет сложную научно-технической информацию.
– Удобная навигация по сайту позволяет каждому пользователю выбрать индивидуальную траекторию изучения космического пространства и отечественных космических аппаратов.
– Проект внёс вклад в популяризацию темы освоения космоса и российского спутникостроения среди молодёжи.

Скриншоты

Комментарий заказчика

Вместе с Tetraform мы запустили интерактивный инфотейнмент-проект «Орбиты». Мы делали подобный проект впервые и могли многое не учесть. Благодаря насмотренности вашей команды, мы смогли изменить какие-то решения и сделать всё хорошо. Очень ценно, когда есть такой проект, где всё поставлено на рельсы, а любой спорный момент можно решить буквально за два сообщения. Дизайнеры предлагали улучшения и не переставали думать даже тогда, когда все уже придумано и согласовано. Здравый перфекционизм превозмог всё.

Екатерина Ключникова,
Главный редактор Black Science