0–5 секунд: вас держит не дизайн

Вы открываете brezatech.ru/attention. Слева — кнопка с предложением разбора. Справа — диалоговая форма: «За 3 минуты разберём ваш продукт → аудитория растёт с первого теста». Текст прямой, не офферный. Форма короткая — три поля, никаких дропдаунов. Кнопка тусклая, но слово «разберём» работает как обещание действия, а не как продажа.
В эти пять секунд мозг посетителя делает две вещи. Он сканирует экран на знакомые паттерны и ищет ответ на невысказанный вопрос: «Что здесь происходит и зачем мне оставаться?» Большинство сайтов на этом этапе показывают логотип + слоган + абстрактный вижуал. Посетитель не получает ответа и закрывает вкладку. brezatech.ru/attention показывает сценарий: «Разберём ваш продукт» — это глагол в ваш адрес. «Аудитория растёт с первого теста» — это результат, привязанный к действию. Мозг регистрирует конкретику и решает остаться ещё на пять секунд.
Бизнес-задача, которая здесь закрыта: холодный посетитель не уходит до первого осмысленного контакта. Крючок — не красивый градиент, а глагол + результат, адресованные прямо вам. Если заменить этот текст на «Мы делаем сайты с вниманием», крючок исчезнет. Вы получите брендовое заявление и потеряете посетителя.
| Секунды | Экран | Механизм | Бизнес-эффект |
|---|---|---|---|
| 0–5 | Диалоговая форма + «разберём ваш продукт» | Сканирование на конкретику: глагол + обещание результата | Холодный посетитель не закрывает вкладку |
| 5–15 | Прокрутка к следующему блоку — «Внимание — это не магия» | Разрыв шаблона: ожидал оффер — получил честное ограничение | Формируется доверие: «они не обещают золотых гор» |
| 15–30 | Кейсы ЛИИС (+293%), NF GROUP (+133%) | Социальное доказательство с цифрами | Посетитель переходит из «интересно» в «это работает» |
| 30–40 | CTA: форма на разбор | Решение принято — действие доступно немедленно | Конверсия: посетитель оставляет заявку, а не уходит думать |
5–15 секунд: нарратив, который опережает ваш вопрос

Вы скроллите ниже. Следующий блок — не список услуг, не портфолио. Это текст: «Внимание — это не магия. Это точная последовательность: зацепить → провести → привести к действию». Дальше — короткое объяснение, что большинство сайтов теряют посетителя раньше, чем он понимает оффер.
В голове посетителя в этот момент формируется вопрос: «Ок, вы сказали, что разберёте. Но почему я должен вам верить? И что вообще значит — сайт, который держит внимание?» Стандартный сайт отвечает на это перечислением преимуществ: «10 лет опыта», «индивидуальный подход», «современный дизайн». Посетитель читает заезженные фразы и теряет интерес. brezatech.ru/attention даёт ограничение вместо обещания: «Это не магия». Посетитель не ожидал такого — это честное сужение, а не раздувание значимости. Мозг регистрирует правдоподобность и остаётся ещё на 10 секунд.
Бизнес-задача здесь — переход от любопытства к доверию. Нарратив опережает скепсис: вместо «почему вы?» вы получаете «мы не волшебники, вот как это работает». Если заменить этот блок на стандартный «о нас» с регалиями, доверие не сформируется. Посетитель уйдёт на 10-й секунде.
15–30 секунд: где посетитель принимает решение

Третий экран — кейсы. ЛИИС: +293% конверсии, −7× стоимость лида. NF GROUP: +133% конверсии. Цифры не в сноске, не в отдельной странице «Портфолио». Они прямо в теле маршрута, на том же экране, где секунду назад было «это не магия».
В голове посетителя происходит переход: «Они не обещают магии — и вот результаты, которые это подтверждают». Социальное доказательство работает не как украшение, а как следующий логический шаг нарратива. Вы не отделяете «доверие» от «доказательств» — вы получаете их последовательно, в том порядке, в котором мозг задаёт вопросы. Сначала: «Что здесь происходит?» Потом: «Почему вам верить?» Теперь: «Это вообще работает?»
Бизнес-задача: посетитель, который видел цифры, уже не уйдёт просто так. Он либо примет решение, либо останется на четвёртый экран — CTA. Сравните с Linear: они ставят docuseries в hero, потому что их ICP уже знает категорию и ищет идентификацию. brezatech.ru/attention работает с холодной аудиторией — здесь нужно сначала дать крючок, потом нарратив, потом цифры. Порядок жёсткий.
30–40 секунд: CTA именно здесь, а не раньше

Четвёртый экран — форма на разбор. Та же, что вы видели в первом экране слева, но теперь она закономерна. Вы прошли крючок, нарратив и цифры. Вы готовы действовать.
Большинство сайтов ставят CTA в hero: «Оставьте заявку» сразу, пока посетитель ещё не понимает, зачем. Это как просить номер телефона до того, как вы представились. brezatech.ru/attention не форсирует действие — он ведёт к нему. На 30-й секунде вы уже знаете: что здесь происходит, почему этому стоит верить и какие результаты это даёт. Форма теперь — не навязчивость, а логичное завершение маршрута.
Бизнес-задача: конверсия в CTA от посетителей, которые провели 40+ секунд, кратно выше, чем от тех, кто увидел форму сразу. Вы не теряете холодных — вы доводите их до момента, когда они сами хотят оставить заявку.
Что сломается, если убрать один элемент

Представьте, что вы убираете кейсы с цифрами. Остаётся: «разберём ваш продукт» → «внимание — это не магия» → форма. Посетитель получает обещание и честность, но не получает доказательств. На 20-й секунде он думает: «Звучит логично, но где подтверждение, что это работает не в теории?» Скепсис не закрыт — форма теряет смысл. Конверсия падает.
Теперь представьте, что вы убираете нарратив «это не магия». Остаётся: «разберём ваш продукт» → кейсы → форма. Посетитель получает крючок и цифры, но между ними — пустота. «Почему я должен верить, что эти цифры — не случайность?» Доверие не сформировано — цифры выглядят как маркетинг. Конверсия падает.
Сценарий Apple AirPods Pro — это третья ошибка. Они дают wow-эффект, но отбирают контроль над скоростью. Посетитель не может скроллить в своём темпе — он вынужден смотреть анимацию так, как её запрограммировали. CPU перегружается ещё до начала взаимодействия, на мобильных это катастрофа. Ощущение «тысячи свайпов до конца» зафиксировано Джоном Грубером в 2019 году. Посетитель закрывает страницу не от скуки, а от раздражения. Конверсия падает.
Каждый элемент на brezatech.ru/attention — это ответ на конкретный вопрос в голове посетителя. Убрали один — потеряли маршрут. Потеряли маршрут — потеряли конверсию.
Чтобы увидеть маршрут целиком и понять, где ломается ваш текущий сайт, откройте разбор на brezatech.ru/attention. Подробный разбор механики скролла и удержания — в материале «Что заставляет вас продолжать скроллить дальше».
Ключевые факты
- Среднее время фокуса на одном экране — ~47 секунд (Gloria Mark, UC Irvine), но большинство посетителей закрывают сайт раньше 10-й.
- Apple AirPods Pro: scrolljacking, зафиксированный Daring Fireball (2019), перегружает CPU и вызывает желание закрыть страницу — cinematic ≠ удержание.
- Метрика scroll depth: посетители, дошедшие до экрана 3–4, конвертируют в CTA в разы чаще, чем те, кто ушёл до 10 секунд.
- Кейс ЛИИС: −7× стоимость лида после редизайна с пересборкой маршрута внимания.
Частые вопросы
- 40 секунд — это мало или достаточно?
- 40 секунд — это больше среднего времени закрытия для холодного трафика. Важно не абсолютное число, а сколько посетителей доходят до CTA. Если 30% проводят 40+ секунд и кликают — маршрут работает. Если 2% — нет.
- Почему Apple AirPods Pro — антипаттерн, если все про него пишут?
- Wow-эффект есть, но ценой перегрузки CPU и scrolljacking'а. Посетитель теряет контроль над скоростью — это триггер закрытия, особенно на мобильных. Daring Fireball задокументировал ещё в 2019 году.
- Как проверить, держит ли мой сайт 40 секунд?
- Heatmap (Hotjar / Microsoft Clarity) + scroll depth. Смотрите, где ядро аудитории останавливается и где уходит. Если провал на втором экране — нарратив не отвечает на вопрос, который возник в голове после первого экрана.
- Что делать, если нашли провал на 15-й секунде?
- Значит, после крючка не сработал следующий шаг маршрута. Посетитель получил обещание, но не увидел подтверждения. Нужно восстановить цепочку 'вопрос → ответ' — не менять дизайн, а пересобрать последовательность экранов.
О brezatech
Brezatech делает сайты, которые превращают внимание в интерес и действие. Журнал разбирает, как устроен опыт, который конвертирует — не эстетика, а маршрут от первого экрана до CTA. ИИ-агент продаж 24/7 →
