Remark — это отраслевой digital-интегратор. С 2007 года помогаем компаниям быть максимально эффективными в цифровой среде, автоматизируя процессы маркетинга, продаж и внутреннего взаимодействия между сотрудниками. Наша главная экспертиза — в недвижимости, но накопленный опыт и компетенции позволяют работать с компаниями из любой сферы.
Пишите
Звоните
Реализовали преимущества лендинга и многостраничника в одном сайте для застройщика

Лендинг
с выборщиком

Заголовок

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

О клиенте

YUNIKA — международная компания, которая основана в Японии в 1952 году. В России её офисы находятся в Ижевске, Москве, Нижнем Новгороде и Перми, где YUNIKA успешно реализовывает инвестиционные проекты. Компания видит миссию в том, чтобы помогать людям исполнить мечту — жить в гармонии в своей квартире. В Нижнем Новгороде компания реализует проект клубного дома «Резиденция».

Задача

Сайт для нового проекта YUNIKA, разработанный с учетом фирменного стиля компании. В числе требований были ипотечный калькулятор, а также выборщик на генплане и по параметрам.

Решение

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

Структура лендинга

Лендинг показывает рендеры проекта, несколько блоков с преимуществами, рассказывает о ходе строительства и акциях. В разработке дизайна мы опирались на брендбук клиента и современные тренды.
Выборщики

Наличие параметрического выборщика и выборщика на генплане было основным требованием клиента. Оба представлены в одном блоке. Пользователь может быстро переключиться между ними.
В выборщике на генплане есть возможность сначала выбрать этаж, а после — квартиру на фасаде. В параметрическом выборщике пользователь выбирает количество комнат, этаж, приемлемую цену, площадь и дату заселения. Есть возможность показать квартиры со скидкой.

Сайт интегрирован с Profitbase и информация поступает напрямую из системы. Но мы сделали исключение для поэтажных планов. В Profitbase возможна только поэтажная разбивка по всему дому. Для четырех подъездов получался длинный план всего этажа, а размещать его на сайте было неудобно. В итоге мы сделали разбивку не только по этажам, но и по подъездам и загрузили результаты на сайт. Клиент может увидеть все квартиры, выходящие в общий коридор.
Уже проданные квартиры отображаются на плане с замочком. Перейти в их карточку пользователь не может.
Карточка квартиры

Отдельные страницы сайта — это карточки квартиры. Их было невозможно разместить в рамках самого лендинга, поэтому карточки вынесли на отдельные страницы.

Каждая карточка содержит ипотечный калькулятор с опцией расчета взносов, а также блок с похожими квартирами. На карточке представлен план расположения конкретной квартиры на этаже с указанием сторон света.
3D-планы квартиры открываются в модальном окне поверх сайта.
Расположение жилого комплекса

В разделе, посвященном расположению жилого комплекса, есть карта, выполненная специально для лендинга. Для ее изготовления мы помогли клиенту составить техническое задание дизайнеру клиента: цвет, размер, поля и другие параметры.
Карта выполнена в цветах и фирменном стиле клиента. От стандартных для подобных случаев Яндекс.Карт отказались потому, что они не соответствовали внешнему виду сайта.
Блоки про инфраструктуру и преимущества

Блок про инфраструктуру возле дома разделен на три тематических секции:
  1. Красота и здоровье
  2. Развлечения
  3. Покупки.

В каждом из них расположен слайдер с описанием расположенных возле ЖК объектов сферы услуг.
Преимущества жилого комплекса перечислены в блоке с названием «Комфорт в деталях». Это слайдер, в каждом пункте которого есть кнопка «Подробнее».
Нажатие на нее открывает модальное окно, куда можно поместить более подробный текст с описанием преимущества.
Блок о паркинге

Подземному паркингу посвящен отдельный блок лендинга. Количество машиномест показано в виде анимации, где оно постепенно увеличивается до нужной цифры.
Кнопка «Узнать подробнее» открывает модальное окно. В нем посетитель может ввести свое имя и номер телефона, а затем отправить заявку на получение дополнительной информации.
Блок «Как купить»

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

Для коммерческой недвижимости проекта на лендинге также выделили отдельный блок. В нём есть модальное окно, которое открывается традиционной кнопкой «Узнать подробнее». Так пользователь может оставить заявку, чтобы узнать о доступных коммерческих помещениях подробнее.
Под акции и новости компании также выделен отдельный блок. Чтобы пользователь сразу понимал, что за текст перед ним, возле каждой записи указан её тип.
В нижней части страницы располагается блок «О компании». В нём короткая текстовая информация и два фото с корпоративной символикой.
Далее идёт блок «Офис продаж», где пользователь может найти всю необходимую для посещения информацию. Есть адрес и телефон, а также график работы офиса продаж. В блоке представлена карта, которая гармонично сочетается с иллюстрирующей расположение жилого комплекса.
В самом низу расположена форма заказа звонка. Ею удобно воспользоваться, если после просмотра всего лендинга у посетителя остались вопросы.

Результат

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

Контент клиент будет добавлять самостоятельно. Для этого мы подготовили обучающее видео по работе с новым лендингом.