Кейс · Сайт жилого комплекса · Химки
Планерный Квартал
Сайт, который продаёт квартиры: выбор корпуса на аэрофото, каталог с фильтрами, паркинг и кладовые на плане, инфраструктура на карте и свой модуль разметки объектов в SkeekS CMS.
- 8
- корпусов и зон на аэрофото
- 125
- квартир в каталоге с фильтрами
- 603
- машиноместа и кладовые на плане
- 15
- категорий инфраструктуры на карте
01 · Выбор корпуса
Квартал с высоты — и сразу к нужному корпусу
На главной покупатель видит весь квартал на аэрофото. Наведение подсвечивает блок, клик открывает его квартиры. Наведите на корпус или выберите в списке.
02 · Квартиры
125 квартир — и фильтр, который понимает покупателя
Корпус, число комнат, цена, площадь и этаж. Сводка по типам показывает, с какой площади и цены начинается выбор, а у каждой квартиры — карточка с планировкой, этажом и ценой с отделкой и без.
- Студииот 26,47 м²от 9,65 млн ₽36
- 1-комнатныеот 37,1 м²от 13,7 млн ₽9
- 2-комнатныеот 54,91 м²от 18,27 млн ₽38
- 3-комнатныеот 70,66 м²от 20,34 млн ₽42
03 · Паркинг и кладовые
603 места — на живом плане
Машиноместа и кладовые продаются со схемы: зелёные — свободны, серые — проданы, оранжевые — в резерве. Ниже настоящий план −1 этажа: 261 объект, наведите на любой.
- 175 свободно
- 71 продано
- 15 в резерве
- 342 объекта на −2 этаже
04 · Модуль SkeekS CMS
SVG-конструктор: план размечает менеджер
Мы сделали в SkeekS CMS раздел «Недвижимость»: этажи и машиноместа, инфраструктура, компании и ипотечные программы. Чтобы объект появился на схеме, менеджер открывает его карточку, ставит точки по углам на плане этажа и сохраняет — контур, статус и цена сразу на сайте.
- Подложка — картинка плана этажа или паркинга
- Контур любой формы, правка и удаление отметок
- Статусы и цены из карточки объекта, без дублирования
Машиноместо 59 · свободно
05 · Инфраструктура
Более 500 объектов рядом — на карте с фильтром
На сайте живая Яндекс.Карта: покупатель включает нужные категории и видит, что рядом с домом. Объекты разбиты на 15 категорий — от школ и магазинов до транспорта и банков.
- 1 мин
- Алёшкинский лес
- 3 мин
- МКАД
- 10 мин
- метро «Планерная»
- 15 мин
- Шереметьево
Схема для иллюстрации — на сайте живая Яндекс.Карта
06 · Дизайн
Тёплый, спокойный, без шума
Кремовый фон, оранжевый из логотипа, крупные рендеры и честные цифры. Дизайн собран в Figma с UI-китом: главная, о проекте, расположение, благоустройство, ход строительства, инфраструктура, ипотека.
Палитра
- Оранжевый
#FF911F - Крем
#FFFBF1 - Персик
#FFF0DB - Графит
#282827 - Синий
#155880 - Зелёный
#236E00 - Серый
#828080 - Светлый
#EFEFEF
Шрифты
- АаIBM Plex Sansзаголовки, 72 / 56 / 28
- АаOpen Sansтексты, 18 / 16 / 14
- АаIBM Plex Monoкнопки, 18 / 14
Что сделали
Сайт, который работает как отдел продаж
- 01
Интерактивный выбор корпуса
Контуры блоков на аэрофото: наведение подсвечивает корпус, клик ведёт к его квартирам.
- 02
Каталог квартир с фильтрами
Корпус, число комнат, цена, площадь и этаж — подборка обновляется сразу, у каждой квартиры своя карточка с планировкой.
- 03
Паркинг и кладовые на плане
Два этажа и 603 объекта: свободные, проданные и в резерве видны прямо на схеме.
- 04
Модуль разметки в SkeekS CMS
Менеджер сам отмечает квартиру, машиноместо или кладовую на плане мышкой — без программиста.
- 05
Инфраструктура на карте
Яндекс.Карта с фильтром по 15 категориям: школы, магазины, медицина, транспорт и другое.
- 06
Дизайн и сопровождение
Дизайн в Figma, обновления и новые разделы — сайт развивается вместе с продажами.
Продаёте недвижимость?
Сделаем сайт с выбором корпуса, квартир и паркинга на плане — и дадим отделу продаж удобную админку.