Сайт · Девелопер жилой недвижимости

17x39 Development — Сайт ЖК с шахматкой квартир и онлайн-бронью

Hi-fi кликабельный прототип сайта жилого комплекса на мок-данных в премиум-минимализме: тёмный hero с рендером, синий акцент, крупные воздушные цифры. Ключевой экран — интерактивная шахматка квартир на ванильном JS с фильтрами и статусами. Статусы, ставки, бронь — мок; все формы завершаются экраном успеха.

✓ Сайт✓ Девелопер жилой недвижимости✓ Живое демо
Рассчитать стоимость →Написать в MAX
17x39.ru
↗
Загружаем демо…
◆Это живое демо — кликайте по интерфейсу прямо здесь. Кнопка ↗ открывает его на весь экран.

О проекте

Hi-fi кликабельный прототип сайта жилого комплекса на мок-данных в премиум-минимализме: тёмный hero с рендером, синий акцент, крупные воздушные цифры. Ключевой экран — интерактивная шахматка квартир на ванильном JS с фильтрами и статусами. Статусы, ставки, бронь — мок; все формы завершаются экраном успеха.

Страницы сайта

Главная

Тёмный hero-рендер с ключевыми фактами проекта, УТП-плитки, навигационные карточки (шахматка, о проекте, ипотека, стройка) и CTA брони.

Квартиры

Интерактивная шахматка со статусами свободно/бронь/продано, фильтры по комнатности, площади, этажу и цене, поповер и список; карточка квартиры с планом, ценой и мини-ипотекой; флоу брони.

О проекте

Концепция «продуманной геометрии», закрытый двор, паркинг и кладовые, галерея рендеров с лайтбоксом, локация и варианты отделки White Box.

Покупка

Ипотечный калькулятор со слайдерами (стоимость, взнос, срок), программы и банки-партнёры, способы покупки, защита по эскроу 214-ФЗ.

Ход стройки

Таймлайн этапов, прогресс-бары готовности по корпусам в процентах и ежемесячные фотоотчёты с площадки.

Контакты

Офис продаж, карта, реквизиты застройщика и форма заказа звонка/показа.

Что умеет

✓Интерактивная шахматка квартир: фильтры (комнатность/площадь/этаж/цена), статусы свободно/бронь/продано, поповер и список, empty state — мок
✓Карточка квартиры с планировкой, полной ценой и за м², мини-расчётом ипотеки
✓Ипотечный калькулятор со слайдерами и пересчётом «на лету», программы и банки (мок)
✓Флоу бронирования по шагам с прогрессом → экран успеха («забронировано на 24 часа»)
✓Ход строительства: прогресс готовности по корпусам, таймлайн, фотоотчёты
✓Галерея рендеров с лайтбоксом
✓Тёмный премиум-hero с паттерном, sticky-шапка и мобильная sticky-кнопка «Выбрать квартиру»

Сайт на коде, адаптивная вёрстка. Демо — самодостаточный кликабельный прототип на мок-данных: формы и оплаты — заглушки.

Хотите такой же продукт для своего бизнеса?

Расскажите про задачу — пришлём идею решения и ориентир по цене в течение дня.

Услуга по этому направлению →← Всё портфолио