Кейс: как мы привлекли 747 заявок по 286 рублей на квест в реальности благодаря разработке лендинга
Запрос:
Помимо мотивации к бронированию квеста, задачей проекта также было передать атмосферу игры и погрузить пользователей в её уникальный мир.
Я использовал элементы дизайна, шрифты и звук, чтобы воссоздать узнаваемые фанатами детали серии.
Работа над проектом также включала проработку смысловой части: тексты и контент были разработаны на основе анализа ЦА и конкурентов, чтобы эффективно решать основные задачи проекта.
Суперсилы проекта: Атмосфера и маркетинг
Ключевыми аспектами, которые сделали проект успешным, стали погружение в атмосферу игры и продуманная маркетинговая стратегия. Чтобы глубже понять мир "FNaF", я предварительно посмотрел фильм и познакомился с серией игр. Это помогло мне прочувствовать уникальную атмосферу и перенести её на сайт с помощью визуальных решений, звуков и типографики.
Достижение, которым гордимся: конверсия 18%
Как мы пришли к такому результату — читайте далее
Итоговую статистику можно увидеть на скриншоте из личного кабинета проекта.
Также стоит отметить, что трафик на сайт клиент привлекал самостоятельно — через Яндекс.Директ. Стоимость заявки составила 192 рубля.
Брифинг
На этом этапе мы провели 2-часовой созвон с заказчиком, собрали ключевую информацию о квесте и его особенностях, опросили по аудитории и конкурентам, а также определили цели бизнеса и задачи сайта.
Понять как устроена услуга изнутри, чтобы выяснить сильные стороны, на которые нужно сделать акцент на сайте
Задача этапа
В процессе общения структурируется вся важная информация, часто выявляются новые слабые места, которые нужно улучшить
Польза этапа
Исследования
Начал с изучения рынка, конкурентов и целевой аудитории по квестам в России.
Для анализа я выбрал конкурентов с лендингами, созданными под один квест, чтобы глубже понять подход к продвижению отдельных проектов.
При этом также учёл крупные квест-компании для более широкого понимания рынка.
После этого составил портреты ЦА, гипотезы и структуру нового сайта.
Итог исследований:
Проанализировав конкурентов и глубже погрузившись в потребности целевой аудитории, я выделил ключевые акценты для будущего сайта. Важно было не просто рассказать о квесте, а создать эмоциональное вовлечение с первых секунд. Я сформулировал уникальные тезисы, которые помогут усилить привлекательность квеста, подчеркнуть его отличие и вызвать у пользователей желание забронировать игру.
На основе этих идей началась работа над текстами, которые должны стать эмоциональным якорем для нашей аудитории и значительно повысить конверсию.
Тексты
На этом этапе я разработал тексты, соответствующие стилистике "FNaF", сделав упор на эмоциональное вовлечение пользователей.
Было принято решение вести повествование так, чтобы пользователь, попадая на сайт, ощущал себя внутри игры. Все тексты написаны от первого лица, создавая ощущение личного приглашения в её мир, а не формального обращения от квест-компании.
Конверсия сайта на 80% зависит именно от того, насколько грамотно тексты раскрывают смыслы и преимущества, закрывают боли и учитывают потребности нашей ЦА.
Какой бы красивый ни был сайт, если тексты на нём не проработаны должным образом, то он не будет продавать. Именно читая тексты, пользователь прогревается и принимает решение — совершить целевое действие или закрыть вкладку и уйти к конкурентам.
Дизайн
Шрифты:
Перед тем, как перейти к полноценной разработке дизайн-макета, необходимо было выбрать шрифты, а также цветовую палитру нашего будущего сайта.
И поскольку одной из ключевых задач сайта было погружение пользователя в атмосферу, я принял решение использовать такие шрифты и цвета, которые будут узнаваемы для фанатов серии.
Здесь хотелось бы начать с небольшого предисловия: до знакомства с серией я был уверен, что фирменным цветом "FNaF" является фиолетовый. Однако это оказалось заблуждением — основным цветом серии всегда был жёлтый, ассоциирующийся с культовым аниматроником Фредди. Это открытие стало ключевым для разработки дизайна, ведь жёлтый цвет задал тон всего проекта и помог воссоздать узнаваемый стиль серии.
Тёмный фон был выбран для усиления эффекта хоррора.
Второй цвет, зелёный, был добавлен для контраста и акцентов — он ассоциируется с технологичностью и тревожностью, что идеально дополняет тему загадок и опасностей, свойственную вселенной "FNaF".
Цвета:
При помощи англоязычных форумов, удалось отыскать все шрифты, которые использовались в оригинальной серии игр "FNaF". Однако, лишь 1 из них поддерживал кириллицу, поэтому как основной шрифт (для заголовков) был выбран именно он — AA BadaBoom BB.
При выборе шрифта для контента важно было создать баланс между атмосферой игры и удобством восприятия информации. Поэтому для контентной части был выбран Tilda Sans. Этот шрифт сочетает современный стиль с отличной читаемостью, что особенно важно для лендинга, на котором пользователи знакомятся с квестом и принимают решение о бронировании. Tilda Sans гармонично дополняет яркий шрифт заголовков AA BadaBoom BB, позволяя сфокусировать внимание на важной информации и сделать текст лёгким для восприятия. Такой подход помог сохранить атмосферу игры, не перегружая сайт визуально.
Итоговый дизайн сайта
При разработке сайта особое внимание было уделено мобильной версии. Благодаря опыту работы с квестами я знал, что более 70% пользователей обычно заходят с мобильных устройств, и этот проект не стал исключением. Результат: 76,4% посещений сайта пришлось именно на смартфоны, что подтвердило мои предположения.
Мобильная версия
Вёрстка на Tilda
Я использовал современные подходы к вёрстке, чтобы обеспечить быструю загрузку страниц, плавную анимацию и стабильную работу сайта. В компьютерной версии был использован autoscale (резиновая вёрстка), что гарантировало правильное отображение сайта на экранах любых размеров. Кроме того, в процессе работы я проводил тщательное тестирование, чтобы устранить любые баги и добиться идеального отображения сайта во всех популярных браузерах.
Этот элемент не только служит для плавной загрузки сайта, но и сразу погружает пользователей в атмосферу, создавая ощущение присутствия в игре. Прелоадер задаёт нужное настроение и подготавливает к дальнейшему взаимодействию с сайтом.
1. Прелоадер в виде загрузочного экрана игры "FNaF"
Интересные решения:
