Кейс: разработка и продвижение многостраничного сайта квестов

«Москва 2048» («Клаустрофобия») — ТОП-1 в нише иммерсивных спектаклей и квестов в СНГ.На момент обращения у клиента уже был сайт, который не приносил нужных результатов. Старый сайт страдал от ряда серьезных проблем, включая низкую производительность, отсутствие маркетинга, неэффективный дизайн, плохую навигацию и неудовлетворительную конверсию. В результате этого заказчик терял потенциальных клиентов.

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

Помимо разработки сайта, перед нашей командой также стояла задача привлечения клиентов через контекстную рекламу Яндекс.

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

Настроили и запустили контекстную рекламу в Яндекс Директ.

Над проектом работали 4 универсальных солдата: я, как ответственный за результат (и по совместительству верстальщик), дизайнер, маркетолог и контекстолог. Мы закрыли все задачи под ключ.

Все вопросы мы задавали лично (на zoom-конференции). На созвоне с нашей стороны присутствовали я, маркетолог и дизайнер, а со стороны заказчика — представители компании.

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

Взяли для анализа только прямых конкурентов, которых люди могут найти в поисковой выдаче, поскольку дальше на сайт мы запустим контекстную рекламу. И есть смысл сравнивать только с теми конкурентами, которых ЦА так же найдёт в интернете: из поисковой выдачи по Москве.

В результате анализа целевой аудитории было выделено 4 основных сегмента:

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

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

Написали тексты, закрывающие все боли и возражения целевой аудитории.

Цвета

У клиента было 2 корпоративных цвета (жёлтый и зелёный), которые необходимо было сохранить.

Основным акцентным цветом был выбран жёлтый (FBCC49), поскольку он более спокойный и ассоциируется с такими играми как «Metro 2033» и «S.T.A.L.K.E.R.».

Зелёный цвет (1FDFB9) был использован как дополнительный и передан через фотоконтент.

Таким образом, мы сохранили 2 корпоративных цвета (что было обязательным условием заказчика) и правильно расставили визуальные акценты на сайте.

Шрифты
Шрифты также являются корпоративными.

Заголовочным шрифтом был выбран Ponter. Для всего остального текста на сайте — PF Din Text Cond Pro.

Общая стилистика

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

Практически в каждом блоке визуальный контент (фото и видео) был использован для того, чтобы погрузить пользователя в атмосферу постапокалипсиса (соответствующую тематике сайта). Этому также способствует тёмный фон с зернистостью, задавая определённый антураж.

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

После согласования дизайн-макета мы приступили к вёрстке:

1. Отрисовали и установили прелоадер (индикатор загрузки), который появляется на экране, пока основное содержимое сайта ещё не загрузилось полностью. Он помогает улучшить пользовательский опыт, предотвращая появление белого экрана или неполностью загруженных элементов.

2. Внедрили автоматический слайдер отзывов на первых экранах основных страниц сайта:

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

3. Использовали интерактивную анимацию (при скролле, при наведении, при нажатии), чтобы повысить уровень вовлечённости и поспособствовать увеличению конверсии. Пользователи остаются дольше, взаимодействуют с контентом и более вероятно выполняют целевые действия.

4. Добавили разрешение 1920px, которое по умолчанию не предусмотрено в Тильде, а также подключили для него autoscale («резиновую» вёрстку) — функцию, которая автоматически адаптирует контент под разрешения всех мониторов, что обеспечивает одинаковое отображение сайта на любых компьютерах.

Провели предварительные работы перед запуском рекламных кампаний (Яндекс.Директ):

За первый месяц рекламы нам удалось протестировать 12 гипотез в рекламных кампаниях на поиске и в РСЯ, а также получить отличный поток целевого трафика на сайт — 1254 посетителя. С этого количества было получено 79 заявок, из которых 59 конвертировались в посещение квеста / иммерсивного спектакля.

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

1. Отказы по канал (в целом по устройствам)

1.1 Органика:

1.2 Прямые заходы:

1.3 Рекламные переходы Яндекс. Директ:

1.4 Переходы по ссылкам:

2. Отказы по устройствам

3. Глубина просмотров по устройствам

4. Время просмотров по устройствам

5. Трафик по устройствам

Всю работу нужно было завершить строго в дедлайн — 1 месяц. Мы уложились в срок.

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

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

Для записи на консультацию свяжитесь любым удобным способом:

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