Агросервис
![Агросервис](/upload/iblock/e53/asp1mm80qh32bgtxqtqzasd4i4uls0qj.jpg)
Основные задачи
Сайт должен содержать интерактивную карту планировок квартир по этажам.
Адаптивный дизайн
![Агросервис](/upload/iblock/f43/p6mnnsay9hkravkj76a4xad1im0ov23b.jpg)
Решения
Мы создали сайт, позволяющий ознакомиться с устройством комплекса и оформить заявку на бронирование жилого помещения. Сайт разработан на базе готового решения с доработкой раздела Планировки.
Реализовали на странице интерактивный блок подбора квартиры. Устроен он следующим образом: на схеме здания в левой части блока пользователь кликает на интересующий этаж, в правой части блока после этого появляется схема этажа с размеченными на ней планировками квартир. Красным цветом отмечены проданные квартиры, жёлтым цветом отмечены забронированные квартиры, серым отмечены свободные квартиры.
При наведении на свободную квартиру, она окрашивается в зелёный цвет. При клике на квартиру, ниже на странице открывается её карточка, и происходит скролл страницы до карточки.
Технологии
![](/local/templates/main/assets/img/placeholder.webp)
![](/local/templates/main/assets/img/placeholder.webp)
![](/local/templates/main/assets/img/placeholder.webp)
![](/local/templates/main/assets/img/placeholder.webp)