Сны, билеты и немного магии фронтенда

Клиент

Илья Старилов — российский видеохудожник, иллюстратор, режиссер мультимедиа и основатель творческого продакшена S+AR+HIVE. Его работы сочетают цифровые технологии с традиционными формами искусства, создавая визуальные проекции и инсталляции для театра, моды и коммерческих брендов.

Задача

Создать стильный лендинг с игровой механикой для видео арт-балета «Сказки сна».

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

Результаты

• Пилотный показ успешно пройден
• Сайт посетило 28,7 тыс. пользователей
• Сгенерировано 166 видео-открыток
• В Электротеатре Станиславского 214 зрителя за 3 дня погрузились во сны

skazkisna.ru

Идея

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

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

Процесс

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

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

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

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

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

←

→

Одним из амбициозных этапов стало проектирование интерфейса и логики генерации уникального видеоролика для каждого пользователя. Изначальная механика позволяла создать более 120 вариантов видео, персонализированных под гостя. Из-за объема контента и сроков реализации мы упростили сценарий: пользователь по-прежнему получает именное видео после покупки билета и может легко поделиться им в соцсетях.

←

→

Для мобильной версии мы реализовали горизонтальную прокрутку в блоках с актёрами и организаторами — современно, динамично. Но в случае с актёрами было важно показать всех сразу — без горизонтального скролла. Актёрский состав — это гордость проекта, и пренебречь визуальным равновесием было бы, скажем так, опасно ? Особенно с учётом необходимости сохранить правильный порядок — иначе кто-нибудь из звёзд может обидеться.

Также мы разработали собственный дизайн блока выбора даты и времени мероприятия, что-то там старались пыхтели… ? Но на финальной стадии решили использовать стандартную механику от Яндекс.Афиши — она оказалась проще и привычнее для пользователя.

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

А потом случилось главное: руководитель проекта попал на само мероприятие. Феерия образов, света и атмосферы оказалась настолько мощной, что мы собрали небольшой промо-ролик о том, как это было.

Команда