Две шахматки квартир для AVA Group

Удобные самописные квартирограммы
АСК

Холдинг AVA Group, куда входит строительная компания АСК. Клиент строит в Краснодаре, Сочи и Москве. К 2021 году в портфеле больше 60 сданных объектов.

Ситуация

Мы с нуля разрабатывали корпоративный сайт для AVA с объектами в Сочи. И последним этапом разработки стал реестр квартир — шахматка. Она нужна менеджерам отдела продаж, чтобы быстро сортировать и подбирать клиентам квартиры в режиме реального времени. Предполагалось, что часть потенциальных покупателей тоже может предпочесть квартирограмму вместо каталога. Поэтому интерфейс должен быть удобен для обеих ЦА: менеджеров и покупателей.

Примерно в это же время началась переработка корпоративного сайта АСК — мы его полностью обновляли. На старом сайте была самописная шахматка, и менеджеры ею пользовались. Но из-за её несоответствия обновленному стилю сайта, шахматку нужно было переработать.

Некоторые застройщики пользуются готовой платной квартирограммой. Она удобная — понятный интерфейс и весь нужный функционал.
Но есть загвоздка: за каждого менеджера, который пользуется этой шахматкой, застройщик вынужден ежемесячно платить. Такая альтернатива клиента не устраивала.

Задача

Мы получили ТЗ на разработку двух квартирограмм: на сайт AVA и на сайт АСК. В качестве референса — популярная платная шахматка.

Решение

Сперва принялись за создание реестра квартир для новорожденного сайта AVA. На момент разработки у AVA в Сочи было всего 2 жилых комплекса, но в перспективе — значительно больше. Поэтому мы сразу делали шахматку с фильтром.

Фильтр

В шапке шахматки разместили фильтр, где можно выбрать жилой комплекс, литер и отсортировать квартиры по комнатности, площади и цене.
Дизайн фильтра соответствовал общей концепции сайта — лёгкий, воздушный с яркими акцентами.

Два вида отображения

Сделали возможность переключения с плитки на плитку+.

Статусы

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

Карточка квартиры

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

Тестирование

В процессе фронт-разработки выяснилось, что загрузка происходит очень медленно. Первоначально сетка шахматки формировалось в браузере (на фронте), как практикуется с обычным фильтром квартир. Но в шахматке гораздо больше элементов, и реализация оказалось тяжелой. В итоге перевели построение плиток на серверную часть (бэкенд), и загрузка стала адекватной.

Шахматка для АСК

Со второй квартирограммой было полегче: логика осталась прежней, часть данных мы скопировали из готовой шахматки AVA. Изменился дизайн и объём данных по квартирам, которые экспортировали из CSV. Экспортировать пришлось много — у АСК было 6 многоквартирных жилых комплексов в продаже. Шахматка отображает и квартиры, и коммерческие помещения на первых этажах (если они есть). Мы учли прошлую ошибку долгой загрузки, поэтому в этот раз сразу пошли по верному пути. Всё получилось.

Результат

Шахматка AVA работает с февраля, а шахматка АСК — с марта 2021 года. Ими ежедневно пользуются отделы продаж при консультировании покупателей. Когда в квартирограмму нужно добавить новый объект, мы выполняем эту задачу в рамках техподдержки обоих сайтов.

Нужна разработка сайта или онлайн-сервисов?

Отправьте заявку, и мы начнём работу
Письмо отправлено!
Мы скоро вам ответим
Кейс «АСК» шахматка
Задать вопрос