Разработка лендинга для департамента культуры города Москвы

2023

КАМЕРНЫЙ ТЕАТР ГРИБОЕДОВА

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

16 дней

Срок разработки

110 000

Стоимость разработки

О проекте

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

Задачи

Разработать лендинг в фирменном стиле ДКГМ и в дизайне, передающем эстетику спектакля.

Органично интегрировать портфолио кейсов с известными брендами в интерфейс

Реализовать блоки с информацией о спектакле и визуальными материалами

Разработать форму бронирования и покупки билетов, минимизировать кол-во шагов до покупки.

Как мы решили поставленные задачи

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

Структура сайта 

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

Разработка дизайна

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

Дизайн главного
экрана

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

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

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

Десктоп и мобильная
версии

Цветовая палитра

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

Техническая часть сайта

Tilda Publishing

Базовая платформа с кастомизацией CSS/JS

Zero Block

Для полного контроля над визуальной составляющей

JavaScript

Анимации и интерактивные элементы

Преимущества выбора

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

Сложности в реализации и наши решения

Проблема:

Сложность восприятия большого количества текста на главной странице

Решение:

Структурирование контента в короткие блоки с подзаголовками, использование списков и выделений

Проблема:

Недостаточная адаптивность форм обратной связи

Решение:

Пересмотр дизайна форм под мобильные устройства, упрощение обязательных полей, добавление подсказок

Проблема:

Медленная загрузка контента на мобильных устройствах

Решение:

Оптимизация размера файлов без потери качества

Результат

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