Агросервис
Основные задачи
Сайт должен содержать интерактивную карту планировок квартир по этажам.
Адаптивный дизайн
Решения
Мы создали сайт, позволяющий ознакомиться с устройством комплекса и оформить заявку на бронирование жилого помещения. Сайт разработан на базе готового решения с доработкой раздела Планировки.
Реализовали на странице интерактивный блок подбора квартиры. Устроен он следующим образом: на схеме здания в левой части блока пользователь кликает на интересующий этаж, в правой части блока после этого появляется схема этажа с размеченными на ней планировками квартир. Красным цветом отмечены проданные квартиры, жёлтым цветом отмечены забронированные квартиры, серым отмечены свободные квартиры.
При наведении на свободную квартиру, она окрашивается в зелёный цвет. При клике на квартиру, ниже на странице открывается её карточка, и происходит скролл страницы до карточки.