Две шахматки квартир для AVA Group
Удобные самописные
квартирограммы
Холдинг AVA Group, куда входит строительная компания АСК. Клиент строит в Краснодаре, Сочи и Москве. К 2021 году в портфеле больше 60 сданных объектов.
Ситуация
Мы с нуля разрабатывали корпоративный сайт для AVA с объектами в Сочи. И последним этапом
разработки стал реестр квартир — шахматка. Она нужна менеджерам отдела продаж, чтобы быстро
сортировать и
подбирать клиентам квартиры в режиме реального времени. Предполагалось, что часть потенциальных
покупателей тоже может предпочесть квартирограмму вместо каталога. Поэтому интерфейс должен
быть удобен для обеих ЦА: менеджеров и покупателей.
Примерно в это же время началась переработка корпоративного сайта АСК — мы его полностью обновляли. На старом сайте была самописная шахматка, и менеджеры ею пользовались. Но из-за её несоответствия обновленному стилю сайта, шахматку нужно было переработать.
Некоторые застройщики пользуются готовой платной квартирограммой. Она удобная — понятный интерфейс и весь нужный функционал.
Примерно в это же время началась переработка корпоративного сайта АСК — мы его полностью обновляли. На старом сайте была самописная шахматка, и менеджеры ею пользовались. Но из-за её несоответствия обновленному стилю сайта, шахматку нужно было переработать.
Некоторые застройщики пользуются готовой платной квартирограммой. Она удобная — понятный интерфейс и весь нужный функционал.
Но есть загвоздка: за каждого менеджера, который пользуется этой шахматкой, застройщик
вынужден ежемесячно платить. Такая альтернатива клиента не устраивала.
Задача
Мы получили ТЗ на разработку двух
квартирограмм: на сайт AVA и на сайт АСК. В качестве референса — популярная платная шахматка.
Решение
Сперва принялись за создание реестра
квартир для
новорожденного сайта AVA. На момент разработки у AVA в Сочи было всего 2 жилых комплекса, но в
перспективе — значительно больше. Поэтому мы сразу делали шахматку с фильтром.
Фильтр
В шапке шахматки разместили фильтр, где можно выбрать жилой комплекс, литер и отсортировать
квартиры по комнатности, площади и цене.
Дизайн фильтра соответствовал общей концепции сайта — лёгкий, воздушный с яркими акцентами.
Два вида отображения
Сделали возможность переключения с плитки на плитку+.
Статусы
Цвета статусов менять не стали, потому что они давно понятны всем менеджерам и пользователям.
Продублировали с платной квартирограммы.
Карточка квартиры
При клике на любую плитку справа всплывает боковое окно с карточкой квартиры, где указаны
основные данные. Квартиру можно добавить к сравнению и в избранное.
Тестирование
В процессе фронт-разработки выяснилось, что загрузка
происходит
очень медленно. Первоначально сетка шахматки формировалось в браузере (на фронте), как
практикуется с обычным фильтром квартир. Но в шахматке гораздо больше элементов,
и реализация оказалось тяжелой. В итоге перевели построение плиток на серверную часть
(бэкенд), и загрузка стала адекватной.
Шахматка для АСК
Со второй квартирограммой было полегче: логика осталась прежней, часть данных мы скопировали из
готовой шахматки AVA. Изменился дизайн и объём данных по квартирам, которые экспортировали из
CSV. Экспортировать пришлось много — у АСК было 6 многоквартирных жилых комплексов в продаже.
Шахматка отображает и квартиры, и коммерческие помещения на первых этажах (если они есть). Мы
учли прошлую ошибку долгой загрузки, поэтому в этот раз сразу пошли по верному пути. Всё
получилось.
Результат
Шахматка AVA работает с февраля, а
шахматка АСК — с марта 2021 года. Ими ежедневно пользуются отделы продаж при консультировании
покупателей. Когда в квартирограмму нужно добавить новый объект, мы выполняем эту задачу в
рамках техподдержки обоих сайтов.
Нужна разработка сайта или онлайн-сервисов?
Отправьте заявку, и мы начнём работу
Письмо отправлено!
Мы скоро вам ответим
