«Маркетинговый сайт «Нмаркет.ПРО» на Tilda: с 2020-го — от лид-формы в систему регистрации до лендинга для застройщиков и рестайла промо-страниц.»
«Нмаркет.ПРО» — федеральная B2B-система онлайн-бронирования новостроек для риелторов и агентств: все новостройки в одном месте, поиск по застройщикам, моментальная поддержка менеджеров и сопровождение сделки. В 2020 году мы собрали для них маркетинговый сайт на Tilda — посадочную страницу с лид-формой, вшитой в собственную систему регистрации клиента. С тех пор сайт оброс блоками «Как это работает», стеной логотипов застройщиков, отзывами и контактами, а в 2021-м вырос в отдельный лендинг для застройщиков и серию рестайлов промо-страниц. Работали на аккаунте клиента в мульти-юзер-режиме и передали проект команде «Нмаркет.ПРО», чтобы они вели страницы сами. Ниже — история проекта по шагам, от свежего к первому.
Главной заявкой управляла собственная система клиента на nmarket.pro/account/registrationform, встроенная в Tilda через iframe. Доступа к этой системе у нас не было, а разработчики клиента были заняты. Мы пересобрали HTML и CSS формы независимо, отдали готовый пакет их команде на деплой и добавили правку под мобильные — так заявки пошли на razvitie.mos@nmarket.pro и в Telegram-группу.
Политика клиента запрещала отдавать подрядчику полный доступ к Tilda — нашли компромисс через мульти-юзер-доступ к проекту. Когда прямой доступ к аккаунту закрывали, страницы переносили копиями на свой аккаунт, и это добавляло работы. Чтобы не зависеть от настроек шрифтов, проекты передавали целиком, а не постранично.
Привели три существующие посадочные — «greatchoice», «subscribemsk» и «msk/quickpays» — к стилю основного сайта: левое выравнивание, бренд-цвета и шрифты nmarket.pro, единый футер с формой «Подписаться на рассылку». На «quickpays» переписали блок про авансирование, убрали жёлтые буллеты и выделили срок «72 часа». Отдельно собрали первое письмо для рассылки на Tilda-домене mail.nmarketpro.
Рестайл промо-страницы акции «Отличный выбор!» в фирменном жёлтом стиле «Нмаркет.ПРО»: иллюстрация с подарком, блоки «Что надо сделать» и «Что вы получаете», условия акции.
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
После согласования десктопа собрали мобильную версию по всем брейкпоинтам, включая отдельный CSS для формы. Сайт передали на аккаунт клиента целиком — после переноса поправили шрифты, фавикон и переактивировали формы в тот же вечер. Команде «Нмаркет.ПРО» оставили мульти-юзер-доступ, чтобы они вели страницы своими силами.
Собрали отдельную посадочную, обращённую уже к застройщикам, а не к агентам. Ядро — блок «Как работает Нмаркет.ПРО»: автообновление наличия и цен из базы застройщика, регулярное обучение по объектам, тысячи презентаций в день и полное сопровождение сделки с комиссией за результат. Сетка из пяти продуктовых карточек, цифры «12 500 000 м²» и «каждая 35-я квартира», блок-лид-магнит с регламентом и чек-листом для партнёрского канала.
Лендинг для застройщиков «Нмаркет.ПРО»: стена логотипов «855 застройщиков» (Самолет, INGRAD, ЦДС, ФСК, А101, Кортрос, Группа Эталон, ЛСР) и три карточки преимуществ.
Заявку с сайта завели на Telegram-группу лидов — туда добавили ответственных со стороны клиента, чтобы обращения видели сразу. Прогнали тестовые заявки через форму и подтвердили, что воронка работает от поля до уведомления. Телефоны в контактах сделали кликабельными для мобильных.
Форма захвата заявок на сайте «Нмаркет.ПРО»: на жёлтом фоне заголовок «Оставьте заявку и начните зарабатывать на новостройках Москвы и МО прямо сейчас» с полями ФИО, телефон, e-mail, регион и кнопкой «Получить доступ».
Логотипы застройщиков — А101, Группа Эталон, Инград, Кортрос, Самолёт, ФСК, ЦДС, ЛСР — собрали в отдельный блок. На десктопе сделали их серыми с подсветкой цветом по наведению, на мобильных — сразу в цвете без ховера. Размеры выровняли вручную, чтобы крупные марки не давили на остальные, рядом — счётчик «855 застройщиков».
Блок «Как работает Нмаркет.ПРО» с лентой логотипов «855 застройщиков»: Самолет, INGRAD, ЦДС, ФСК, А101, Кортрос, Группа Эталон.
Объяснили путь агента от подключения к базе до сделки и комиссии за результат. В преимуществах — бесплатный доступ к базе новостроек, понятный заработок и обучение от «Нмаркет.ПРО». Для блоков «Умный поиск» и «Бронируйте онлайн» использовали видео из системы, которые прислал клиент.
Блок «Цифры Нмаркет.ПРО»: 150 000 квартир, 12 500 000 м² в продаже и каждая 35-я сделка по новостройкам в России.
Собрали нестандартный слайдер отзывов с кастомными карточками и фото — тексты сократили до двух-трёх предложений, чтобы звучал живой голос пользователя. Рядом поставили блок-превью статей из Дзена (бывш. Magenta) с кнопкой «Читать блог»: стандартный блок Tilda, чтобы клиент сам обновлял подборку.
Блок «Читайте о нас на MAGENTA.today» на сайте «Нмаркет.ПРО»: три карточки статей блог-платформы о недвижимости со ссылками «Читать на Magenta.today».
В футер вынесли отделы клиента с кликабельными телефонами и почтами, логотип сделали ссылкой на msk.nmarket.pro и добавили кнопку «Наверх». Подключили соцсети — VK «nmarketpro_moscow» и Facebook «nmarketpro»; на более позднем лендинге для застройщиков состав ссылок поменяли по просьбе клиента.
Блок «Подпишитесь прямо сейчас!» на сайте «Нмаркет.ПРО»: выбор каналов (Viber, Telegram, YouTube, ВКонтакте), поле e-mail, кнопка «Подписаться на рассылку» и иллюстрация письма с надписью NEWS.
Зашли в проект со скидкой за внятное ТЗ и предметный диалог и собрали посадочную на Tilda с нуля. Закрепили точное написание бренда — «Нмаркет.ПРО» — и базовый визуальный язык: жёлтый акцент, левое выравнивание, копирайт без точек в конце строк. С этой страницы и вырос весь дальнейший проект.
Первый мобильный лендинг «Нмаркет.ПРО» 2020 года: заголовок «Начните зарабатывать на новостройках уже сегодня» и стартовые цифры — 87 застройщиков, 8 300 агентств-партнёров, 1 400 агентств.