ПОРТФОЛИО / SCREAMWORKS
Landing2025
ScreamWorks
6персон ЦА
3тарифа мероприятия
ScreamWorks

Лендинг для вымышленной студии проката аниматоров-маньяков на вечеринки. Задача — совместить продающую логику лендинга с атмосферой хоррора, не теряя доверия и понятности для пользователя

РОЛЬUX/UI Designer
СРОК1 неделя
ПЛАТФОРМАDesktop, Mobile
ИНСТРУМЕНТЫFigma, Photoshop, Illustrator
ScreamWorks
6персон ЦА
3тарифа мероприятия
ЭТАП01
Анализ аудитории и задач
Визуал и дизайн-система
Продающий текст
Структура и логика лендинга
Финальные экраны и адаптация

Анализ аудитории и задач

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

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

01
Поиск услуг студииСайт должен быть удобным и с интуитивно понятным интерфейсом. Нужно создать каталог маньяков, продумать блоки
с пакетами услуг
02
Информация об услугахВажно, чтобы клиенты понимали, какие сценарии доступны. Этот раз-дел должен включать перечень дос-тупных сценариев, информацию о том, как проходит взаимодействие с маньяком
03
Увеличение продажОсновная цель сайта — сделать его посетителей клиентами. Для этого необходимо сделать интуитивно понятную форму за-каза, предусмотреть раздел с отзывами реальных клиентов с их мероприятий
04
Создание атмосферыСайт должен погружать в мир ужаса и интриги. Важно использовать мистический сторител-линг в текстах, воссоздать атмосферу как в кино
05
Обеспечение безопасностиТак как речь идет о хоррор-развлечениях, важно снять возможные опасения клиентов. Важно указать, что все актеры — профессионалы своего дела
06
Удобство взаимодействияВажно продумать дизайн таким образом, чтобы клиент дошел до целевого действия и мог с легкостью найти нужную ему информацию
ЭТАП02
Анализ аудитории и задач
Визуал и дизайн-система
Продающий текст
Структура и логика лендинга
Финальные экраны и адаптация

Визуал и дизайн-система

Собрала мудборд, палитру (глубокий темный фон с кровавым акцентом) и типографику — декоративный шрифт для заголовков, читаемый гротеск для основного текста. Отдельно проработала UI-kit с состояниями элементов — пустое и заполненное поле формы, состояния кнопок — чтобы дизайн был не просто набором картинок, а рабочей системой, готовой к разработке

FigmaVariablesColor StylesText Styles
ЭТАП03
Анализ аудитории и задач
Визуал и дизайн-система
Продающий текст
Структура и логика лендинга
Финальные экраны и адаптация

Продающий текст

Написала все тексты лендинга самостоятельно — от заголовков и описаний тарифов до отзывов клиентов. Задача была удержать баланс между «страшно» и «весело», чтобы не отпугнуть, а заинтриговать: тарифы называются не «базовый/премиум», а «Просто ужас!», «Интерактивная ночь страха», «Лютая ночь страха» — с ценой и понятным описанием, что входит в каждый тариф

ЭТАП04
Анализ аудитории и задач
Визуал и дизайн-система
Продающий текст
Структура и логика лендинга
Финальные экраны и адаптация

Структура и логика лендинга

Спроектировала структуру от первого впечатления до конверсии: главный экран → «как это работает» (4 шага) → каталог персонажей → тарифы → «почему мы» → отзывы → форма заявки. Каждый блок отвечает на конкретное возражение из анализа аудитории — например, блок «почему мы» напрямую снимает опасение за безопасность мероприятия, которое всплыло в портретах персон

ЭТАП05
Анализ аудитории и задач
Визуал и дизайн-система
Продающий текст
Структура и логика лендинга
Финальные экраны и адаптация

Финальные экраны и адаптация

Собрала полноценный десктопный интерфейс: атмосферный hero-экран, карточки персонажей, блок тарифов, отзывы клиентов, форму заявки с чекбоксом согласия и понятным CTA. Адаптировала весь лендинг под мобильные устройства — часть аудитории может заходить на сайт с телефона, поэтому мобильная версия продумана не менее детально, чем десктоп.

Итог — цельный лендинг, который не просто пугает, а последовательно ведет пользователя от первого впечатления до заявки

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

03

Вернуться на главную страницу?

← назад