Мы собираем Куки

Настройки куки

Куки необходимы для корректной работы сайта на вашей платформе. Вы всегда можете отключить файлы cookie в настройках Вашего браузера.

Обязательные cookie

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

Аналитические cookie

Disabled

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

Рекламные cookie

Disabled

Эти файлы cookie предоставляют рекламным компаниям информацию о вашей онлайн-активности, чтобы помочь им предоставлять вам более релевантную онлайн-рекламу или ограничить количество просмотров рекламы. Эта информация может быть передана другим рекламным компаниям. Смотрите список рекламных файлов cookie, которые мы используем здесь.

брендинг и фирменный стиль

сайты, лендинги, порталы

300 тыс

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

6 минут

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

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

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

Задача

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

300 тыс

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

6 минут

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

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

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

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

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

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

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

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

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