Белка и Стрелка — Путешествие к звездам

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

Сайт-история о Белке и Стрелке – первых собаках, отправившихся в космос.

Вместо привычной последовательности экранов с изображением и текстом был разработан интерактивный сценарий: пользователь постепенно погружается в историю Белки и Стрелки, проходит вместе с ними подготовку, полёт и возвращение на Землю.
Каждый блок становится частью повествования, а переходы между ними создают ощущение непрерывного движения.


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

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

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

Мы стремились показать историческую хронику по-новому.

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

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

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

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

На этапе концепции самой сложной задачей было придумать, как именно пользователь будет знакомиться с историей – не хотелось строить повествование по принципу «картинка + текст». Со старта работ мы все стремились к постепенному погружению в детали – история должна была разворачиваться последовательно, а переходы между блоками стать её частью.

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

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

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

Работа с исторической хроникой всегда имеет свои особенности – не все материалы есть в хорошем качестве, не все есть в открытом доступе, а каких-то артефактов вообще не существует в диджитал-формате.

Поэтому было принято решение объединить имеющиеся материалы с уникальными иллюстрациями, над которыми работал художник Виктор Сухочев.

Все яркие картинки, в том числе и сами персонажи в «нарисованном» формате – это кастомные анимации, созданные специально для этого проекта.

Внутри этой работы было много нюансов:
Сначала художник рисовал иллюстрации по ТЗ экранов от дизайнера
После этого каждую картинку нужно было подготовить к применению на разработке – перевести растровые изображения в векторный формат, чтобы при работе с ними отдельные части картинки стали анимированными, интерактивными или превратились в функциональные элементы.
Некоторые из иллюстраций дополнительно проектировали в 3D, чтобы визуальная часть проекта соответствовала реальной задумке и дизайнера, и художника.

В итоге, кроме дизайнера и художника, в этом процессе участвовало еще как минимум три человека – каждый делал так, чтобы все выглядело именно так, как задумано.

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

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

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

Именно это внимание к деталям помогает создать многогранную историю и сохранить цельное восприятие авторского визуального «мира».


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

Сложность растет с каждым оборотом, а для победы нужно пройти все 17 орбит: реальную дистанцию исторического полета.

Поэтому визуальная история этого проекта существует сразу в нескольких слоях: иллюстрация, движение и взаимодействие.