ПРОЕКТ

Разработка кастомного фильтра объявлений о недвижимости и визуального модуля для сайта WIX

Дизайн и разработка кастомного фильтра, Интеграция с WIX CMS и Content Manager, Разработка адаптивного интерфейса, Адаптация UI/UX, Техническая поддержка и итеративное улучшение функций

  • Отрасль: Недвижимость
  • Латвия Местоположение: Латвия
  • Срок выполнения: 1 неделя
  • Технологии: WIX, WIX Content Manager
  • Оценка: 5/5
1 месяц

Краткое содержание

Проблема

River Properties требовался динамичный способ представления квартир онлайн, соответствующий бренду.

Решение

2410 разработала интегрированную с WIX адаптивную систему фильтрации в реальном времени.

Результат

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

История клиента

River Properties - известный застройщик из Риги, специализирующийся на реставрации довоенной и деревянной архитектуры. Для нового жилого комплекса компания искала привлекательное цифровое решение для демонстрации доступных квартир.

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

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

2410 разработала для River Properties модульный адаптивный фильтр недвижимости на платформе WIX. Пользователи могут искать доступные квартиры по количеству комнат, цене, площади, этажу и номеру здания, а результаты обновляются в реальном времени - отдельная кнопка отправки не требуется.

Он был разработан в соответствии с пользовательским опытом Bonava и размещен на целевой странице и трех отдельных страницах зданий, каждая со своим предварительно отфильтрованным набором данных.

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

Несмотря на ограничения WIX, 2410 создала кастомную инфраструктуру, обеспечившую совместимость с разными браузерами и простое обновление статусов (продано/забронировано) через CMS. В результате на базе WIX появился полностью адаптированный опыт взаимодействия с недвижимостью для покупателей и администраторов.

River Properties высоко оценила стабильную коммуникацию 2410, гибкость и быструю реакцию на дизайнерские и технические отзывы. Модуль был создан в сжатые сроки и получил положительные отзывы внутри компании. Сотрудничество включало проактивное решение проблем, постоянные улучшения и общую удовлетворенность результатом.

- River Properties

Реализованные ключевые функции

  • Мгновенное обновление фильтра без дополнительных нажатий
  • Фильтры: площадь, цена, количество комнат, этаж, номер здания
  • Предварительно выбранные фильтры на отдельных страницах зданий
  • Кастомные визуальные карточки с информацией об объектах
  • Постраничное отображение с опцией «Показать больше» после 12 записей
  • Мобильная версия с кастомным дизайном
  • Редактируемые администратором объявления через WIX Content Manager
  • Кастомные элементы дизайна в соответствии с брендбуком
  • Слои планов этажей с информацией о квартирах и статусами доступности

Технологическое решение

WIX
WIX Content Manager
JavaScript
HTML/CSS
Velo by WIX

Результат

Проект успешно запущен на платформе WIX

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

Совет: Все функции фильтрации и интерактивности реализованы с помощью кастомного кода в WIX, что обеспечило расширенную функциональность без внешних плагинов.

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

Interactive house view on homepage
Интерактивный вид здания на главной странице

Каждая квартира отображается на плане этажа с помощью интуитивной цветовой маркировки:

  • Серый - продано (неактивно)
  • Розовый - забронировано (неактивно)
  • Белый - доступно (интерактивно)

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

Floor plan with availability status
План этажа с цветовой маркировкой доступности

Нажатие на квартиру открывает подробное модальное окно со всей необходимой информацией:

  • Общая площадь
  • Количество комнат
  • Этаж
  • Цена
  • Планировка, включая дополнительные помещения
  • Контактные данные менеджера по продажам
Detailed apartment information modal
Модальное окно с подробностями квартиры

Интерактивность по этажам и предпросмотр плана

Наше решение позволяет администраторам управлять всеми объявлениями через WIX CMS. Статусы, такие как продано или забронировано можно обновить одним нажатием.

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

Думаете о создании похожей системы?

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