ПРОЕКТ

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

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

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

Краткий обзор

Проблема

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

Решение

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

Результат

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

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

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

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

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

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

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

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

Несмотря на ограничения WIX, 2410 создала индивидуальную инфраструктуру с поддержкой разных браузеров и удобным обновлением статусов, например «продано» или «забронировано», через CMS. В результате получился UX недвижимости на базе 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, этот раздел для вас. Мы собрали частые вопросы клиентов, заинтересованных в похожих решениях, с акцентом на функциональность, интеграцию и пользовательский опыт. Эти ответы помогут понять, что возможно и что следует учесть до начала работ.