Разбор Bruno Simon: почему 3D-мир вместо скролла держит внимание 40+ секунд

Когда владелец бизнеса открывает bruno-simon.com, он видит не сайт, а игру: сверху маленькая машинка, подсказка «используйте стрелки». Рефлекс нажать и проверить срабатывает быстрее, чем желание понять, кто это и зачем. Обычная витрина в этот момент уже проиграла: скролл требует осознанного решения, а здесь решение принимает рука. Сайт перестаёт быть страницей — становится пространством, в котором посетитель действует, а не просто просматривает контент.

Это не дизайнерский приём. Это спроектированный маршрут внимания с измеримым бизнес-эффектом для автора. «It ended up boosting my career in crazy ways», — говорит сам Бруно. Дважды Site of the Day на Awwwards, Site of the Year Developer Award и оценка FWA 93 из 100 — лишь публичные маркеры. За ними стоят сотни тысяч визитов, тысячи подписчиков и поток заказов, запущенный не рекламой, а механикой.

0–5 секунд: не скролл — импульс к действию

Первое, что видит посетитель, — машинка на асфальте. Никакого приветствия, никакого меню. Те, кто заходит ради портфолио разработчика, инстинктивно жмут стрелки. Это не манипуляция, а точный расчёт: дать минимальную подсказку и немедленный отклик. Так активируется agency — ощущение, что вы контролируете происходящее. Мозг фиксирует: «я управляю, это не просто картинка».

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

5–15 секунд: вы за рулём — механизм agency

Двигаясь, посетитель видит домик с иконкой проектов, значок контактов, дорожные указатели. Информация не подаётся сверху вниз — она открывается как часть мира. Вы «заезжаете» в раздел «О себе» или «Работы», потому что вам любопытно, а не потому что так задумал дизайнер. В этом и есть core петля: исследование становится геймплеем.

Психологически здесь включается flow state — состояние потока, описанное Чиксентмихайи. Управление машинкой требует небольшого навыка, который тут же подтверждается откликом (удачный поворот, проезд под мостом). Соотношение «вызов — умение» сбалансировано ровно настолько, чтобы не возникло скуки или фрустрации. Посетитель теряет счёт времени. Именно так сайт удерживает дольше среднестатистической сессии в 54 секунды, характерной для обычных страниц (данные Outgrow 2026). Исследования на интерактивных проектах уровня neal.fun подтверждают: вовлечённая аудитория готова проводить на сайте 11 минут и дольше. Здесь не измеряли секунды, но механика та же — контроль и немедленный фидбек.

Для автора это не развлечение, а дистрибуция внимания. Посетитель, который сам заехал в каждую секцию, с большей вероятностью дойдёт до контактов и запомнит имя. Вирусный эффект, о котором Бруно писал ещё в 2019‑м («hundreds of thousands of visitors, thousands of followers»), запускается именно здесь: удивлённый пользователь пересылает ссылку коллеге со словами «зайди, попробуй сам».

15–40+ секунд: мир, который не хочется покидать

Во второй версии (2025/2026) Бруно добавил мультиплеер, систему достижений и таблицу рекордов с ежедневным сбросом. Портфолио превратилось в игру с повторными визитами. Вы можете собрать не все скины, не успеть открыть все секретные комнаты или улучшить свой результат до конца дня. Срабатывает эффект Зейгарник: незавершённые цели сильнее удерживаются в памяти и создают желание вернуться.

С точки зрения бизнеса это маховик бренда. Вместо того чтобы надеяться, что клиент вспомнит вас через неделю, вы создаёте причину зайти снова. Так работают daily-механики в играх и соцсетях; здесь они встроены в витрину фрилансера. Прямая цитата из Awwwards-кейса Bruno Simon: «portfolio needed concrete goals» — поэтому появился трек, мультиплеер и достижения. Это не украшательства, а продуктовые решения.

Итог: за 40+ секунд визита посетитель переходит от импульса через исследование к желанию вернуться. Эффективность такого маршрута подтверждается не только наградами, но и карьерным ростом автора — от веб-разработчика до одного из самых узнаваемых креаторов в web-сообществе.

Слабости, которые не видны на Awwwards

Высокие оценки креативности (8.62) и дизайна (8.05) на Awwwards маскируют три критичные слабости, важные именно владельцу бизнеса.

• SEO = 0 в 3D-режиме. Основной контент не индексируется поисковиками. Есть HTML-фолбэк (bruno-simon.com/html/), но для органического трафика он остаётся бедным: текстовая версия без структуры и ссылочной массы. Если вы продаёте услуги через поиск, такой сайт не приведёт клиентов из Яндекса или Google.
• Accessibility 6.6/10 (v2). Пользователи с ограничениями просто не смогут управлять машинкой. Скринридеры не озвучат иконки, а клавиатурная навигация уступает джойстику. Для публичного сервиса это прямой риск.
• Мобильный — честный компромисс. Автор признавался: «I said no interface but I couldn’t find any intuitive solution». Экранные кнопки разрушают магию «без интерфейса», а мобильная аудитория (часто более 60% трафика) получает урезанный опыт. Удержать внимание на телефоне сложнее в разы.

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

Когда 3D-мир оправдан, а когда — дорогой декор

Механика «мир вместо скролла» работает там, где продукт — сам опыт. В остальных случаях стоимость разработки и потеря SEO опрокидывают любую пользу. Ниже — условия применимости, основанные на опыте Bruno Simon и смежных кейсов.

Решение, которое Бруно довёл до эталона, не универсально. Оно родилось из сочетания его навыков, цели «boosted my career» и готовности пожертвовать SEO и доступностью. Ваш бизнес должен задать себе те же вопросы: дёшево ли вам обходится потеря поискового трафика, мобильных посетителей и аудитории с особыми потребностями? Если ответ «да» и продукт — сам опыт, формат с agency и эффектом потока оправдает себя. Если же вам нужен сайт, который ведёт клиента по сценарию, не теряя охвата, — посмотрите разбор формата scroll-story в статье «До / после: статичный корпоратив → scroll-story с маршрутом внимания». Там разобран момент зацепления и удержания без компромиссов SEO.