Как ERA Residence выиграла Site of the Month: 3D-сплеш вместо каталога квартир

Когда квартиры нет, а шоурумом должна стать страница

Вы запускаете off-plan. 25 резиденций, расположение, рендеры — и ни одной построенной стены. Потенциальный покупатель открывает сайт из Дубая или Монако и за секунду решает, стоит ли доверять проекту. Классический ответ девелопера — типовой каталог: фильтры по метражу, планировки в pdf, галерея с 3D-турами. Проблема в том, что каталог мгновенно переключает посетителя в режим сравнения характеристик. В голове возникает вопрос «сколько стоит квадратный метр», а не «хочу ли я здесь жить». Для off-plan это провал: вы продаёте не готовый объект, а будущий образ жизни, и сравнивать его не с чем.

ERA Residence поступает иначе. С первого экрана вы не видите ни планировок, ни цен, ни фильтров. Вы видите место, атмосферу и единственную кнопку, переключающую день на ночь. Вы нажимаете — и весь сайт меняет свет, тени и настроение. Вы ещё не думаете о покупке. Вы ещё даже не видели квартир. Но вы уже внутри территории, которая ощущается реальной. Такая последовательность — не художественный приём, а маршрут внимания, в котором место и атмосфера становятся фильтром до того, как посетитель доберётся до каталога. Девелопер получает не запрос цены, а запрос на встречу.

Как Day/Night система переключает внимание с «изучаю» на «хочу»

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

Горизонтальный скролл усиливает этот эффект. Вместо вертикальной прокрутки «лента-заголовок-фото» вы двигаетесь вправо, как при прогулке по neighbourhood. На первом экране — панорама побережья и название резиденции. Следующий шаг — архитектурные формы, вписанные в ландшафт. Интерьеры и планировки возникают только после того, как вы прожили контекст места. Посетитель, дошедший до этого момента, уже принял эмоциональное решение и готов к предметному разговору.

Для девелопера это решает конкретную задачу: уменьшить долю запросов уровня «сколько стоит» без контекста и увеличить долю обращений, где покупатель уже понимает, о каком образе жизни речь. Прямых цифр в открытых источниках нет, но механика работает именно на квалификацию лида до первого контакта. В этом смысле награда SOTM — не просто оценка дизайна, а независимое подтверждение того, что сайт действительно удерживает и ведёт нужного посетителя. Жюри Awwwards оценило проект в 7.61/10, с максимальным баллом за дизайн (7.81) — это отраслевой сигнал, что атмосфера не перебила удобство, а усилила его.

Что теряет девелопер со стандартным каталогом

Представьте, что вместо горизонтального скролла с Day/Night покупатель попадает на страницу с фильтрами «количество спален» и «этаж». Первая ассоциация — агрегатор недвижимости, где сравнивают цену за метр. Для off-plan это смертельно: рендер не выдерживает прямого сравнения с готовыми объектами по соседству. У него нет физических характеристик, которые можно измерить и сопоставить. В результате падает не трафик, а процент дошедших до заявки — и растёт доля запросов «сколько стоит», на которые менеджеры тратят время без конверсии.

Сайт, начинающийся с атмосферы, убирает эту ловушку. Посетитель либо выходит сразу, потому что искал не это — и тогда отдел продаж не тратит ресурс на обработку холодного лида, либо остаётся, потому что место его зацепило. Второй сценарий сразу ставит разговор на другие рельсы: обсуждается не цена метра, а конкретная резиденция в конкретном проекте. Сравните это с поведением на классическом каталоге, где после фильтрации по бюджету остаётся пять-семь вариантов в разных ЖК — и каждый следующий клик снижает ценность каждого из них.

Цитата, которая объясняет всю конструкцию

Лучше всего логику проекта сформулировал арт-директор The First The Last® Макс Степенко в интервью Communication Arts:

«Atmospheric site that can't transact is a mood board. A listing with no atmosphere is a spreadsheet. Off-plan needs both.»

Перевод: сайт с атмосферой без возможности сделки — просто мудборд, красивая картинка. Листинг без атмосферы — таблица с метражами. Off-plan обязан давать и то, и другое, потому что покупатель платит за то, чего физически не существует. ERA Residence балансирует на этой границе. Эмоциональное вовлечение не отменяет путь к покупке: после горизонтального скролла и полного погружения вы всё равно приходите к планировкам и контактам. Но приходите другим человеком, который уже совершил внутренний выбор.

Награда работает здесь как социальное доказательство для аудитории, которая впервые слышит о проекте. Site of the Month Awwwards получают единицы проектов в год. Это статус, который сигнализирует международному покупателю: перед вами не просто застройка, а проект, прошедший профессиональный фильтр. В ситуации, когда нет ни построенного лобби, ни готовой квартиры, такой сигнал работает как заместитель физического престижа.

Почему не понадобился собственный движок

Отдельное значение имеет технологический стек. ERA Residence собран на Webflow, все анимации — на GSAP. Никакого кастомного 3D-движка. Для сравнения: Vide Infra, создавая проект ERA (другой девелопер), использовали WebGL с пятью слоями анимированных 3D-моделей на сплеш-экране. Результат — тройная корона наград: Awwwards, CSSDA и FWA Site of the Day одновременно. Но такой подход требует команды, способной писать шейдеры, и не масштабируется на проекты без специализированной разработки.

ERA Residence доказывает, что award-level результат достижим без кастомного движка. Если задача девелопера — иммерсивный сторителлинг и квалификация покупателя, а не демонстрация технической сложности, Webflow + GSAP дают достаточно инструментов. Это означает предсказуемые сроки, бюджет и отсутствие зависимости от редких специалистов.

Отраслевой тренд подтверждает направление. По данным Zillow (сентябрь 2025), иммерсивные листинги Showcase получают на 79% больше просмотров и на 76% больше сохранений по сравнению с традиционными карточками. Это массовый рынок, и прямого переноса на люксовый off-plan здесь нет. Но сам факт: крупнейшая платформа фиксирует измеримое поведенческое преимущество формата, — означает, что ставка на погружение перестаёт быть исключительно нишевой эстетикой.

Если вы хотите понять, подходит ли такой подход вашему проекту, начните не с выбора инструмента, а с вопроса: в какой момент посетитель перестаёт смотреть и начинает хотеть купить. Общую рамку принятия этого решения мы разбирали в материале о digital experience для элитной недвижимости. Здесь — конкретный пример, доказывающий, что это работает даже тогда, когда у вас нет готового продукта, чтобы его показать.