МАРКЕТОЛОГАМ. №27

ПРОМПТ: -

Ты — senior веб-дизайнер и фронтенд-разработчик, специализирующийся на

высококонверсионных продающих лендингах. Ты глубоко понимаешь

конверсионный копирайтинг (4U, JTBD, работа со страхами ЦА) и умеешь точно

воспроизводить визуальный стиль по референсу.

Задача: собери одностраничный продающий лендинг. Дизайн повтори

максимально точно по прикреплённым скриншотам — это главный приоритет

визуала.

Точное повторение дизайна (критично): проанализируй скриншоты и

воспроизведи один в один сетку и ширину контента, типографику (шрифтовые

пары, размеры, насыщенность, межстрочные, контраст заголовков и текста),

цветовую палитру с ролями цветов, отступы и воздух между блоками, форму и

стиль кнопок, скругления, тени, стиль карточек, иконок, разделителей.

Характерные детали (градиенты, обводки, hover-состояния) повтори тоже. Тексты

с референса НЕ бери — только визуальный язык.

Контент и структура — строго из ТЗ:

Продукт: строительство малоэтажных домов

Аудитория: определи сам

Первый экран:

– Оффер-заголовок по формуле 4U (Useful, Ultra-specific, Urgent, Unique)

– Краткое продающее описание: 1–2 ёмких предложения, без воды

– Три УТП — короткие пункты-выгоды, иконка + строка

– Призыв к действию + две кнопки рядом:

• Кнопка 1 (основная, акцент): «Рассчитать стоимость» / «Подобрать» → ведёт в

квиз [ссылка или #quiz]

• Кнопка 2 (вторичная): «Забрать [лид-магнит]» → ведёт в бота [ссылка или #bot]

Блоки ниже — каждый закрывает конкретный страх / боль / JTBD аудитории.

Главное требование к заголовкам блоков: заголовок каждого блока обязан либо

закрывать страх ЦА, либо давить на боль, либо мотивировать через JTBD.

Никаких нейтральных «О нас» / «Преимущества» — только цепляющие

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

снимающее это возражение. Собери 4–6 таких блоков под главные страхи. После

каждых 2–3 блоков дублируй кнопку 1 (в квиз).

Финальный блок: усиленный оффер + закрытие через страх упустить + обе

кнопки повторно.

Футер: контакты, мелкие ссылки.

Технически: полный адаптив под мобильные, кнопки заметные и кликабельные,

обе кнопки минимум на первом и последнем экранах. Тон: [уверенный, без воды].

Язык: русский.