Каталог недвижимости с автообновлением цен и статусов из Trend Agent
Цель проекта
Задачи проекта
- Предоставить пользователям актуальную информацию о жилых комплексах.
- Автоматизировать обновление цен, статусов и характеристик объектов.
- Реализовать каталог недвижимости с поиском и фильтрацией.
- Дать интерактивную карту объектов.
- Организовать карточки жилых комплексов и отдельных квартир.
- Собирать заявки и запросы на обратный звонок.
- Дать возможность сохранять объекты в избранное.
- Реализовать рекомендации объектов.
- Предоставить личный кабинет зарегистрированного пользователя. Упростить администрирование контента через CMS.
Ход проекта
Этап 1. Маркетинг и техническое задание
Изучили специфику продукта и целевой сценарий пользователя — поиск недвижимости, фильтрацию, работу с картой, просмотр подробной информации об объектах и быстрый переход к заявке. Разработали техническое задание и прототипы: CJM и сценарии пользователей, архитектуру базы данных и структуру сайта.
Результат: понятная схема будущего сайта и документ ТЗ до начала дизайна и разработки.
Этап 2. Дизайн
Спроектировали интерфейс с акцентом на удобство поиска среди большого количества объектов: карточки объектов, интерактивная карта, фильтры, визуальные теги жилых комплексов, галереи и слайдеры, понятная навигация с хлебными крошками и фиксированной шапкой для удобства на глубоких страницах каталога.
Результат: дизайн-макеты всех страниц, визуальная подача упрощает поиск и сравнение объектов.
Этап 3. Вёрстка
Свёрстали десктопную версию и адаптировали её под планшет и смартфон — от 320 до 1920px. Обеспечили корректную работу в актуальных версиях Chrome, Firefox, Safari, Edge и Opera.
Результат: адаптивные страницы, стабильно работающие на любом устройстве и в любом браузере.
Этап 4. Разработка и функциональность
Установили CMS, создали базу данных и настроили инфоблоки. Реализовали каталог жилых комплексов и каталог квартир (часть информации доступна только зарегистрированным пользователям), фильтрацию по параметрам, карточки объектов, услуги (ремонт и отделка), форму регистрации, авторизации и восстановления пароля, личный кабинет с возможностью скачать лид-магнит. Добавили ипотечный калькулятор, раздел избранного и блок рекомендаций объектов. Реализовали переключатели в карточке жилого комплекса — планировка, вид из окна, план этажа, генплан.
Результат: полнофункциональный сайт-каталог со всеми ключевыми пользовательскими сценариями.
Этап 5. Интеграции
Настроили интеграцию с Trend Agent — данные об объектах, ценах и статусах поступают на сайт автоматически, без ручного обновления. Подключили Битрикс24 для обработки заявок и интегрировали карту объектов (доступна зарегистрированным пользователям), синхронизированную с фильтрами каталога — при изменении фильтров обновляются и список объектов, и маркеры на карте.
Результат: сайт работает как живая система, синхронизированная с актуальными данными без участия администратора.
Этап 6. Тестирование и запуск
Протестировали и отладили функциональность перед запуском, запрограммировали все контентные страницы, включая 404. Настроили SSL-сертификат для безопасного соединения, cookie-баннер и политику cookie, согласие на обработку персональных данных и политику конфиденциальности. Подключили Метрику для отслеживания поведения пользователей.
Результат: сайт готов к работе и соответствует требованиям к защите данных пользователей.
Этап 7. Передача проекта
Разместили лендинг на период разработки сайта, чтобы у клиента был рабочий канал коммуникации, пока шла разработка. Подготовили видеоинструкцию по администрированию сайта и передали клиенту вместе с двумя неделями бесплатной поддержки после запуска.
Результат: клиент получил не просто сайт, а понятный инструмент, которым может управлять самостоятельно.
Работы которые выполнялись
Готовый проект