Сайт инвестиционной недвижимости МОСКО в Санкт-Петербурге

Обновлено:
Сайты1 месяцПерейти на сайт

Мы разработали сайт для инвестиционного проекта недвижимости «МОСКО» — формата в Московском районе Санкт-Петербурга. Задача сайта — показать объекты, помочь посетителю прикинуть взносы и оставить заявку. Мы собрали каталог объектов с карточками, калькулятор взносов и форму заявки на единой посадочной странице. Основа — WordPress на кастомной теме, логика на PHP, интерактив на JavaScript, приём заявок через Contact Form 7. Сайт работает по адресу mosco.life.

Сайт инвестиционной недвижимости МОСКО в Санкт-Петербурге

Задача

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

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

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

Объект непонятен посетителю

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

Взносы приходится считать вручную

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

Интерес не превращается в заявку

Даже заинтересованный посетитель уходит без следа, если форму заявки трудно найти или она не привязана к моменту решения. Контакт должен собираться там же, где человек изучал объект и считал взносы, — иначе лид теряется.

Что делает система

Каталог объектов

Витрина проекта: объекты выведены в единый каталог, где посетитель охватывает предложение целиком и переходит к нужному варианту. Каждая позиция ведёт к своей карточке с деталями. Каталог наполняется через админку WordPress — владелец добавляет и правит объекты сам, без разработчика, поэтому витрина остаётся актуальной по мере развития проекта.

Карточка объекта

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

Калькулятор взносов

Интерактивный расчёт прямо на странице: посетитель задаёт вводные, а калькулятор на JavaScript тут же показывает, как раскладываются взносы. Абстрактная стоимость превращается в понятные платежи без звонка и ожидания. Инструмент вовлекает человека в диалог с сайтом и естественно подводит его к заявке — уже с прикинутыми цифрами на руках.

Форма заявки

Захват лида в момент интереса. Форма на Contact Form 7 собирает контакты посетителя и уходит менеджеру на почту сразу после отправки. Минимум полей, понятные подсказки и подтверждение отправки — чтобы человек не бросил заполнение на полпути. Форма размещена рядом с калькулятором и карточками, где интерес максимален.

Посадочная страница проекта

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

Адаптивная вёрстка

Сайт одинаково удобен на десктопе и с телефона. Каталог, карточки, калькулятор и форма перестраиваются под ширину экрана, а элементы управления остаются крупными и нажимаемыми на мобильном. Инвестиционную недвижимость часто изучают со смартфона в дороге, поэтому мобильный опыт был для нас не второстепенным, а равноправным.

Панель управления контентом

Управление сайтом на стороне владельца: объекты, тексты и материалы редактируются через админку WordPress без обращения к разработчику. Добавить новый объект в каталог, обновить условия или заменить изображения можно самостоятельно. Сайт не костенеет после сдачи, а живёт вместе с проектом и остаётся актуальным.

Технологический стек

WordPress

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

PHP

Серверный язык, на котором работают WordPress и его кастомная тема. На PHP собрана логика вывода каталога и карточек объектов, обработка данных на стороне сервера и связка шаблонов темы с админкой. Выбор продиктован платформой: PHP — родной язык WordPress, что упрощает поддержку и передачу сайта на сопровождение.

JavaScript

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

Contact Form 7

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

Custom Theme

Кастомная тема WordPress под задачи проекта. Готовые шаблоны не давали нужной посадочной логики и внешнего вида, поэтому тему мы собрали под каталог, карточки, калькулятор и форму. Это дало полный контроль над вёрсткой и адаптивом, аккуратный код без лишнего балласта и единый визуальный стиль, соответствующий формату инвестиционной недвижимости.

WordPressPHPJavaScriptContact Form 7Custom Theme

Как шла разработка

Разбор проекта

Готово

Погрузились в специфику инвестиционного формата «МОСКО»: какие объекты показываем, из чего складываются взносы, какой путь проходит посетитель до заявки. Зафиксировали структуру каталога, состав карточки и логику калькулятора — чтобы дальнейшая сборка шла по согласованному сценарию, а не наугад.

Прототип посадочной

Готово

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

Кастомная тема

Готово

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

Калькулятор взносов

Готово

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

Форма и заявки

Готово

Подключили форму заявки на Contact Form 7: настроили поля, валидацию и отправку контактов менеджеру на почту. Разместили форму рядом с калькулятором и карточками, где интерес посетителя максимален, и проверили, что заявки доходят без потерь и с корректными данными.

Публикация сайта

Готово

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

Результаты

У проекта «МОСКО» появился рабочий сайт, который ведёт посетителя по всему пути инвестора на одной посадочной странице: от знакомства с форматом недвижимости в Московском районе Санкт-Петербурга к каталогу объектов, расчёту взносов в калькуляторе и отправке заявки. Каталог с карточками снимает базовые вопросы до контакта с менеджером, калькулятор переводит стоимость в понятные платежи прямо на странице, а форма ловит контакт в момент интереса. Сайт работает по адресу mosco.life.

Технически сайт собран так, чтобы жить вместе с проектом: WordPress с кастомной темой отдал владельцу управление каталогом и контентом через админку, PHP держит серверную логику, JavaScript отвечает за калькулятор и интерактив, Contact Form 7 — за приём заявок. Проект уложился в один месяц: за это время мы собрали каталог, карточки, калькулятор взносов и форму на единой адаптивной странице. Для нас это отработанная схема сайта под объект недвижимости с расчётом и захватом лида.

1 месяц

от старта проекта до публикации сайта

mosco.life

сайт проекта работает и доступен

3 инструмента

каталог, калькулятор взносов и форма заявки

WordPress

контент объектов владелец ведёт сам

Вопросы о проекте

Обсудим похожий проект?

Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки

Посмотреть сайт