Выставки / сайт для продажи билетов / Tilda

Виктор Цой. Путь героя

Сайт на Tilda к предпродаже билетов и новый дизайн к летнему этапу выставки

Заказчик
Планета 9
Индустрия
Культурные и выставочные проекты
Город
Москва, Центральный Манеж
Год
2021–⁠2022

Работы

  • Сайты
  • Культурные проекты
  • Портрет Виктора Цоя в оранжево-фиолетовых тонах, справа крупная вертикальная надпись «Путь героя»
Образ выставки «Виктор Цой. Путь героя».

Контекст

15 января 2022 года в московском Манеже открылась масштабная выставка, посвящённая творчеству и жизни Виктора Цоя. За несколько месяцев до открытия организаторы пригласили Один Гог в конкурс на выбор подрядчика для сайта: у агентства был опыт работы с большими выставочными проектами.

«Виктор Цой. Путь героя» — официальная выставка-байопик, созданная при участии семьи Виктора Цоя. Креативный продюсер проекта — сын музыканта Александр Цой, организатор — бюро «Планета 9». Выставку приурочили к 60-летию Виктора Цоя. В экспозиции — больше 300 экспонатов: музыка, кино, поэзия и живопись, а материалы семейного архива, оригинальные личные вещи и документы показали впервые.

Задача

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

Решение

Наша команда предложила делать сайт на Tilda с нестандартным кодом и анимацией. Так можно было уложиться в небольшой срок и выпустить релиз за месяц до начала выставки, чтобы начать предварительные продажи билетов. Заказчик выбрал нашу концепцию, и команда приступила к работе.

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

Что сделали

  • Концепция сайта
  • Сайт на Tilda
  • Нестандартный код
  • Анимированная обложка
  • Адаптация обложки под разные разрешения
  • Раскрывающийся раздел о выставке
  • Закреплённая кнопка покупки билетов
  • Кнопка билетов, которая в мобильной версии не мешает читать
  • Обновление сайта к летнему этапу выставки
  • Новый дизайн сайта в фирменном стиле выставки
  • Подраздел про Пушкинскую карту
  • Полноэкранный видеотизер на сайте
  • Галерея залов выставки
  • Карусель отзывов посетителей
  • Блок фактов о выставке
  • Участие в продвижении выставки
  • Поддержка сайта как основного канала продаж билетов

Этап 1. Первый релиз сайта

Анимация на обложке сайта

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

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

Первая обложка сайта: чёрно-белая фотография Виктора Цоя и векторные фигуры поверх неё.

Раскрывающийся раздел о выставке

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

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

Раздел сайта с раскрывающимися пунктами «Выставка», «Правила посещения» и «Кураторы»; в открытом пункте — «Продюсеры и кураторы» и три чёрно-белых портрета
Раздел о выставке с раскрывающимися пунктами: выставка, правила посещения, кураторы.

Закреплённая кнопка «Купить билеты»

Чтобы посетителям было удобнее, а конверсия сайта росла, мы разместили закреплённую кнопку «Купить билеты». Она оставалась на экране при прокрутке, а в мобильной версии на время чтения исчезала и не мешала.

Мобильная версия сайта в браузере телефона: текст о выставке, раскрывающиеся пункты и фиолетовая кнопка покупки билетов, закреплённая внизу экрана
Закреплённая кнопка «Купить билеты» в мобильной версии сайта.

Этап 2. Обновление к летнему этапу выставки

Новые разделы, фото и видео с выставки

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

Новый дизайн сайта в фирменном стиле выставки

Наша команда создала фактически новый дизайн сайта на элементах нового фирменного стиля выставки, который передал заказчик. Мы заменили фотографию Виктора Цоя на обложке, изменили компоновку заголовков и текста, бегущую строку и кнопки.

Обложка обновлённого сайта: портрет Виктора Цоя в оранжево-фиолетовых тонах, надписи «Виктор Цой», «Путь героя» и «Выставка-байопик в Манеже», жёлтая кнопка «Билеты»
Новая обложка сайта к летнему этапу: другая фотография Виктора Цоя, новая компоновка заголовков и кнопок.

Билеты по Пушкинской карте для студентов

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

Подраздел «Пушкинская карта»: на розовом фоне бюст Пушкина и фотография Виктора Цоя, крупная зелёная надпись «Пушкинская карта», внизу надпись «Веди себя культурно на выставке в Манеже»
Подраздел про Пушкинскую карту в разделе о выставке.

Видеотизер выставки на весь экран

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

Результат

Сайт стал основным каналом продаж билетов и держал высокую конверсию до самого закрытия выставки; точные цифры закрыты соглашением о неразглашении. Она стала главным арт-событием Москвы 2022 года. Спрос был высоким, и организаторы дважды продлевали выставку: её закрыли на два с половиной месяца позже, чем планировалось.

Выставка поставила рекорд по продолжительности в современной истории Манежа.

FAQ

Что Один Гог сделал для выставки «Виктор Цой. Путь героя»?

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

Чем закончилась выставка «Виктор Цой. Путь героя» в Манеже?

Выставка стала главным арт-событием Москвы 2022 года. Из-⁠за высокого спроса организаторы дважды продлевали её, и она закрылась на два с половиной месяца позже, чем планировалось. Сайт всё это время был основным каналом продаж билетов.

Как сайт выставки помогал продавать билеты?

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

Как сделать сайт выставки на Tilda за короткий срок?

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

Как сделать анимацию на обложке сайта, чтобы она быстро загружалась?

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

Зачем на сайте выставки раздел про Пушкинскую карту?

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

Услуги в этом кейсе

  • Сайты

    Сайты, посадочные страницы, промостраницы, каталоги, конфигураторы и кастомные CMS под задачу заказчика.

    Подробнее об услуге
  • Культурные проекты

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

    Подробнее об услуге

Другие кейсы

  • Планета 9

    Многостраничный сайт московского музейного бюро «Планета 9»: главная со слайдером и слоганом «Архитектура впечатлений», портфолио из 80+ проектов, англоязычная версия и простая публикация проектов.

    СайтыБрендингКультурные проекты

  • Я, Энди Уорхол

    Выставку «Я, Энди Уорхол» готовили в Asana, amoCRM и Notion, продвигали медийной рекламой, видео и цифровой наружной рекламой, а после остановки в ноябре 2020 года перезапустили. Сайт посетили 3,44% жителей Москвы.

    СайтыБрендингРеклама

  • Смольнинское пароходство

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

    СайтыБрендинг