Анимация ракурсов: как оживить статичные рендеры на сайте застройщика

Что видит покупатель

Покупатель открывает витрину проекта - интерактивный план, где выбирают дом и квартиру - и видит генплан посёлка. Он нажимает на корпус, и камера плавно подъезжает к фасаду: ракурс меняется на глазах за одно движение. Обратный клик возвращает его тем же путём. Связь между общим планом и конкретным домом читается сама, без усилий.

Без анимации переход выглядит иначе. Клик - и на экране мгновенно другая картинка, снятая с другой точки, в другом масштабе, иногда с другой стороны участка.

Человеку приходится заново искать глазами, где он оказался. Это занимает секунду или две, но такие секунды складываются: покупатель кликает по корпусам десятки раз за визит.

Отдельная проблема - потеря ориентации. Если фасад снят с юга, а генплан нарисован с севера, покупатель не понимает, тот ли дом он открыл. Часть посетителей возвращается назад и проверяет, вместо того чтобы смотреть квартиры.

Мы не обещаем, что анимация сама по себе принесёт заявки. Она убирает конкретное трение в момент выбора дома, и это её задача.

Из чего делается анимация

Основа - статичные рендеры видов, которые у застройщика уже есть: генплан, фасады корпусов. Те же файлы, что лежат в презентациях и на сайте. Мы берём их как крайние точки движения и делаем короткий ролик, который проводит камеру от одного вида к другому. Каждый переход хранится в паре с обратным: отдельный ролик туда и отдельный обратно.

Как устроена сама витрина и из чего она собирается, мы разбирали в статье про интерактивный генплан коттеджного посёлка. Здесь - только про переходы между её видами.

Уровни витрины связываются последовательно, как их проходит покупатель:

1. Генплан - общий вид всего проекта сверху.
2. Фасад корпуса - вид на конкретный дом, куда покупатель попадает кликом с генплана.
3. Секция (подъезд) - вид, с которого начинается выбор этажа и квартиры.

Между соседними уровнями и живут переходы. Генплан связывается с фасадом, фасад - с секцией. Каждая такая связка - это два ролика: сервис хранит отдельный файл на движение вперёд и отдельный на возврат.

Считать удобно так: одна связка видов - два перехода. Проект на пять корпусов, где связан только уровень «генплан - фасад», даёт десять роликов. Если добавить уровень секций, число вырастет пропорционально количеству подъездов.

От отдела маркетинга нам нужно только собрать и прислать исходники:

1. Рендер генплана в максимальном качестве, которое есть у вас на руках.
2. Рендеры фасадов корпусов, которые попадут в витрину.
3. Рендеры видов на секции, если этот уровень тоже нужно анимировать.
4. Список связок: какой корпус открывается с какой точки генплана.

Отдельная съёмка или новое 3D-моделирование под анимацию со стороны застройщика не требуется.

Где это редактируется

Переходы живут в редакторе рендеров в админке витрины. Там виден список видов проекта и связок между ними, и на каждую пару узлов загружается свой ролик. Загрузить, заменить на новую версию, удалить - всё делается в этом же окне, без обращения к разработчикам и без выкладки сайта заново.

Список показывает, между какими видами уже есть анимация, а какие связки пока пустые. По нему удобно принимать работу: видно, что заполнено, а что ещё в производстве.

Загрузка привязана к конкретной паре узлов и к направлению. Вы выбираете связку, указываете файл, и ролик встаёт на своё место в навигации.

Загруженный переход можно заменить или удалить в любой момент. Это пригодится, когда меняется генплан после корректировки проекта или когда у корпуса меняется отделка фасада: правится только тот ролик, которого касается изменение.

Технические требования

Переходы загружаются в форматах mp4 или webm. Ограничение на загрузку - 40 МБ на один файл. Практический ориентир по весу дают реальные проекты: там ролики переходов весят 7 и 8 МБ, и это спокойно укладывается в лимит с запасом. Вес важен не сам по себе, а из-за скорости показа на телефоне.

Часть покупателей открывает витрину с телефона, нередко через мобильный интернет. Ролик на десятки мегабайт будет грузиться заметно, и покупатель увидит паузу ровно в тот момент, когда ждёт реакции на свой клик.

Поэтому мы держим вес переходов в районе тех же единиц мегабайт. Лимит в 40 МБ - это верхняя граница загрузчика, а рабочая зона находится сильно ниже.

Если ваш подрядчик по видео отдаёт файл тяжелее лимита, его нужно пересжать: тот же ролик в mp4 или webm с меньшим битрейтом обычно уменьшается в несколько раз без заметной для глаза разницы.

Сколько стоит

Стоимость оценивается индивидуально по проекту, минимальная цена - от 3 000 ₽ за один переход. Важная деталь для расчёта бюджета: пара «туда-обратно» считается как два перехода, потому что это два отдельных ролика. То есть связка «генплан - фасад корпуса» для одного дома в минимальной оценке стоит от 6 000 ₽.

На итоговую сумму влияет количество ракурсов. Чем больше корпусов в проекте и чем больше уровней вы хотите анимировать, тем больше роликов нужно сделать.

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

Третий фактор - состояние исходников. Если рендеры сделаны в одной сцене и в одном стиле, переход собирается быстрее. Если генплан и фасады рисовали разные подрядчики в разное время, часть работы уходит на то, чтобы движение между ними выглядело цельным.

Поэтому цену мы называем после того, как посмотрим на ваши материалы и на список нужных связок. Пришлите рендеры и структуру витрины - в ответ вы получите расчёт по количеству переходов.

Кому это нужно, а кому нет

Анимация оправдана, когда покупатель на вашей витрине много перемещается между видами: несколько корпусов или очередей, уровень секций, разные точки съёмки. Чем чаще человек кликает туда-обратно, тем больше раз он споткнётся о резкую смену картинки. Если же весь проект - один дом и один ракурс, анимировать почти нечего.

Есть ситуации, где деньги лучше потратить на другое. Если на сайт почти нет трафика, плавные переходы никто не увидит: сначала имеет смысл разобраться с источниками посетителей.

Если у витрины нет актуальных цен и статусов квартир, покупатель уйдёт по другой причине, и анимация её не закроет. Данные важнее красоты.

Если рендеры устарели и не совпадают с тем, что строится, анимация только подчеркнёт расхождение. Сначала стоит обновить исходники.

И отдельный случай - проект на стадии, когда фасады ещё меняются. Ролики придётся переделывать вслед за каждой правкой, поэтому разумнее дождаться финальных рендеров.

Хороший момент для анимации - когда витрина уже работает, данные в порядке, трафик идёт, и вы ищете, чем ещё улучшить путь покупателя от генплана до конкретной квартиры.