Владелец бизнеса смотрит на сайт Tesla и видит порядок. Меньше всего хочется копировать дизайн, но есть один полезный вопрос: что происходит в голове посетителя на каждом экране? По данным WebWave, 55% пользователей проводят на странице менее 15 секунд. Остальные уходят, если в первых экранах не нашли ценности. Tesla выстроила сценарий, который не даёт уйти просто так.
Разбор по экранам: от 0 до 25 секунд
Экран 0 (0–3 секунды): ноль текста, один образ {#ekran-0}
Первый экран Tesla — это полноэкранная фотография автомобиля на фоне дороги. Логотип сверху, два слова-призыва. Никакого заголовка «Попробуйте электромобиль будущего». Никакого списка преимуществ.
Посетитель открывает сайт и в первую секунду видит машину — и это считывается быстрее, чем текст. Мозг обрабатывает визуальную сцену за 13 миллисекунд, текстовый блок — за 300 миллисекунд. Tesla использует это преимущество. Посетитель ещё не принял решение остаться, но уже понял: «Это премиальный продукт, здесь всё всерьёз».
Бизнес-задача: нейтрализовать массовый отток на первом экране. Средний бизнес теряет до 60% посетителей, которые не прокручивают страницу дальше первого экрана. Tesla задерживает взгляд образом, который не требует усилий.
Экран 1 (3–8 секунд): один факт, один призыв {#ekran-1}
Прокрутка на второй экран происходит одним движением, страница листается, как слайды. На втором экране появляется один продукт, одна цифра и один призыв к действию. Например, модель Y, диапазон 480 км, кнопка «Заказать». Никаких альтернатив, никакого сравнения с Model 3.
Посетитель в этот момент задаёт первый уточняющий вопрос: «Что это за машина?» Tesla отвечает: «Вот одна конкретная модель с одним ярким фактом». Это снимает микровыбор. Мозг любит предсказуемость. Когда перед вами один путь, шаг сделать проще. Когда перед вами пять моделей и три комплектации, вы откладываете решение и уходите.
Бизнес-задача: удержать посетителя до целевого действия через сокращение когнитивной нагрузки. CTA в середине прокрутки работает на 84% лучше, чем в подвале, по данным WebWave.
Экраны 2–4 (8–25 секунд): ответ на следующий вопрос {#ekran-2-4}
Дальше Tesla показывает три экрана: интерьер, зарядная сеть, автопилот. Каждый экран отвечает на один вопрос. Интерьер — «Насколько комфортно?» Зарядка — «А если батарея сядет?» Автопилот — «Это безопасно?». Ни один экран не перегружен. Один вопрос, один визуал, одна короткая строка текста.
Посетитель не устаёт, а получает дозированное знание. Это отличается от типичного лендинга, где на втором экране вываливают таблицу характеристик, три тарифа, четыре отзыва и кнопку «Получить консультацию» одновременно.
Бизнес-задача: увеличить глубину скролла. Каждый следующий экран удерживает внимание за счёт того, что мозг получил ответ и хочет узнать следующий. Так посетитель доходит до 5–7 экранов, не замечая этого.
Экран 5+ (25+ секунд): выбор как награда {#ekran-5}
После 25 секунд Tesla открывает доступ к выбору: меню, модели, цены. Посетитель уже вовлечён и сам начинает исследовать. Выбор на этом этапе не пугает, потому что доверие сформировано. Пользователь сам выбирает продолжить. Это смена роли: сначала вы его ведёте, потом он управляет.
Бизнес-задача: конвертировать внимание в действие — через навигацию, конфигурацию или заказ. Чем дольше посетитель исследует, тем выше вероятность, что он совершит целевое действие.
Таблица: приём Tesla и что из этого применимо
| Приём Tesla | Что происходит в голове | Применимость без бюджета Tesla |
|---|---|---|
| Полноэкранный визуал без текста | Мозг за 13 мс считывает образ и включает статус | Да — первым экраном показывайте не абстрактный продукт, а сцену его использования |
| Прокрутка экран за экраном | Один экран = один шаг; нет перегруза | Да — разбивайте лендинг на простые вертикальные секции, по одному вопросу на экран |
| Один CTA на экране | Мозг не выбирает, а выполняет | Да — убирайте конкурирующие кнопки, оставляйте только следующий логический шаг |
| Один факт на экран | Запоминается одна цифра, а не список | Да — выбирайте самую сильную метрику и показывайте её отдельно |
| Отложенный выбор | Сначала доверие, потом сравнение | Да — не показывайте все варианты сразу, сначала сформируйте интерес |
| Минимальная навигация | Фокусировка на продукте | Нет — вам нужна навигация для быстрого поиска услуги, но сократите пункты |
| Отсутствие срочности и социальных доказательств | Бренд уже имеет доверие | Нет — вам нужны отзывы, кейсы, гарантии |
Где Tesla теряет внимание и почему вам это нельзя повторять
Даже у Tesla есть экраны, работающие против конверсии. Меню на сайте разворачивается в 12 разделов, включая «Поддержка», «Инвесторы», «Блог». Для посетителя, который пришёл заказать машину, это шум. Но Tesla может себе это позволить. Бренд настолько силён, что человек, решивший купить Tesla, вернётся и найдёт заказ.
У вас другой поток. Ваш клиент ищет быстрое решение задачи. Если он находит меню из семи пунктов и ни одного явного CTA, он уходит к конкуренту. Ещё одно слабое место — отсутствие срочности: нет «осталось 3 места на тест-драйв», нет дат поставки. Tesla не стимулирует мгновенную конверсию, потому что корпоративные метрики другие. Вам нужна срочность, чтобы не потерять лид.
Минимализм не удерживает внимание сам по себе
Частый вывод после просмотра Tesla: «Мой сайт тоже минималистичный, значит, всё хорошо». Нет. Минимализм — это отсутствие лишних элементов. Удержание — это последовательность экранов, которая ведёт к действию.
Пустой лендинг с одним изображением и одним CTA тоже минималистичный. Но если этот CTA не отвечает на вопрос посетителя, он закроет сайт за 5 секунд. Чтобы минимализм работал, нужен сценарий: каждый экран отвечает на следующий вопрос. Если вы не можете объяснить, зачем идёт вторая секция и почему она после первой, а не до — значит, минимализм не помогает, а маскирует отсутствие аргументов.
Что из механики Tesla применить на сайте с бюджетом не $10M
0M](/assets/blog/excerpts/razbor-tesla-uderzhanie-vnimaniya/e3.png)
Три вещи, которые вы можете сделать уже сегодня, без бюджета Tesla:
- Разделите лендинг на экраны-шаги. Каждая секция должна отвечать на один вопрос посетителя. Начните с вопроса «Что это?», затем «Почему это решает мою задачу?», затем «Как это работает?», затем «Сколько стоит?» — и только потом выводите CTA.
- Оставьте один призыв на экран. Не ставьте рядом «Получить консультацию», «Скачать прайс», «Написать в WhatsApp». Один экран — один следующий логический шаг.
- Показывайте один факт вместо абзаца. Подберите самую сильную цифру или метрику вашей услуги и вынесите её отдельным экраном.
Механика Tesla — не в дизайне, а в дисциплине: она не позволяет посетителю увидеть всё сразу. Если вы хотите понять, почему анимация на вашем сайте скорее всего вредит, а не помогает — читайте разбор «Почему анимация не удерживает внимание». Нарративный крючок «вопрос-ответ», разобранный на примере linear.app, — отдельный механизм, смотрите в статье «Почему этот сайт невозможно закрыть». Tesla использует другой инструмент — визуальный вес и последовательность экранов.
Сайт Tesla не удерживает внимание случайно. Каждый экран играет роль в сценарии: задержать взгляд, снять выбор, ответить на вопрос, передать управление. Если ваш сайт этого не делает, вы теряете посетителей на каждом экране. Задача не в том, чтобы скопировать Tesla, а в том, чтобы посчитать, сколько заявок уходит на пути от первого экрана к целевому действию. Пока вы не построите этот маршрут, внимание останется на сайте Tesla, а не у вас.
Ключевые факты
- Первый экран Tesla.com не содержит текстового блока — только автомобиль, логотип и два коротких призыва. Визуальная сцена считывается мозгом за 13 мс, текст — за 300 мс.
- По данным WebWave, 55% посетителей проводят на странице меньше 15 секунд. Tesla начинается с образа, который удерживает это окно.
- CTA в середине прокрутки конвертирует на 84% лучше, чем в подвале — Tesla размещает первый призыв на втором экране.
- Меню Tesla с 12 разделами — осознанная жертва конверсии ради бренд-навигации; для среднего бизнеса это прямая потеря заявок.
- До третьего экрана на типовом российском B2B-сайте доходят 20–30% посетителей; Tesla удерживает заметно больше за счёт последовательности экранов.
Частые вопросы
- Мой сайт тоже минималистичный — значит, он удерживает внимание?
- Нет. Минимализм — это отсутствие визуального шума, а удержание — последовательность экранов, где каждый отвечает на следующий вопрос. Пустой сайт без сценария посетитель закрывает так же быстро, как перегруженный.
- Почему первый экран Tesla без текста? У меня в USP всё-таки есть предложение.
- Tesla продаёт знакомый бренд, поэтому ей достаточно образа, чтобы вызвать статус и интерес. Вам нужен текст, который усиливает или создаёт образ, но не заменяет его. Порядок: первым цепляется визуал, вторым — одно предложение цены.
- Что делать с навигацией? Убрать все пункты, как у Tesla почти ничего в шапке?
- Если у вас нет узнаваемого бренда и сверхчёткого продукта, прятать навигацию рискованно. ЛПР ищет ваши услуги по конкретной задаче. Меню нужно оставить, но сократить до 3–5 ключевых сценариев и убрать всё, что не ведёт к заявке.
- Я могу скопировать структуру Tesla на свой лендинг, если продукт B2B?
- Только частично. Механика последовательности экранов переносится: один блок — один вопрос — один ответ. Но вам нужны текстовые подтверждения, кейсы и снятие риска, которых у Tesla нет, потому что бренд уже снижает риск.
О brezatech
brezatech разбирает цифровые продукты и сайты, чтобы показать, где уходит внимание и как это влияет на продажи. ИИ-агент продаж 24/7 →