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

300 тыс

уникальных посещений портала за первые месяцы после запуска

6 минут

средняя продолжительность сессии пользователя

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

Задача

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

Придумали и проработали стилистику будущего спецпроекта

Первый вариант: осязаемость и нарративность. Цвета преимущественно теплые и слегка выцветшие.

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

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

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

Sci-fi стилистика — это про яркие цвета и интерфейсные детали.

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

Ретро стилистика сочетает в себе приглушенные цвета, текстуры и эффекты искажения. Акцент на типографике.

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

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

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

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

Главный экран первого варианта интерфейса

Вторая версия интерфейса с разделением на карту орбит и «рубку капитана» c базой знаний

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

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

Продумали удобную навигацию по базе знаний. Пользователь может читать статьи, проходить серьезные и забавные тесты в духе «какая ты космическая еда?», находясь в рубке капитана космического корабля.

Адаптировали сайт под разные устройства. Многие элементы растягиваются в зависимости от ширины экрана. Чтобы создать плавные анимации перехода между отдельными экранами и элементами, мы использовали Java Script.

Вовлекающий инфотейнмент-проект о российских спутниках Земли

300 тыс

уникальных посещений портала за первые месяцы после запуска

6 минут

средняя продолжительность сессии пользователя

Мультимедийный продукт отлично объясняет сложную научно-технической информацию.

01

02

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

03

Проект внёс вклад в популяризацию темы освоения космоса и российского спутникостроения среди молодёжи.

Екатерина Ключникова

Главный редактор Black Science

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

Работали над проектом

Илья Никитин

Проджект-менеджер

Саша Свердловская

Руководитель продакшена

Илья Миронов

Веб-дизайнеры

Игорь Спорынин

Наиль Мардамшин

Аккаунт-менеджер