Концепт студии · 2026

«Ясная 9»

Жилой квартал · сайт застройщика

ЗадачаПокупатель уходит с сайта, если не видит цену и не понимает, где именно его квартира.

Ниша: Жилой квартал в Нижнем Новгороде, правый берег Оки
Что делали: Подбор квартир, страницы квартир, дизайн, вёрстка
Цены в концепте: условные, от 7,7 млн ₽
Заявки: В работе — в CRM отдела продаж, с номером выбранной квартиры
Статус: Концепт: застройщик, квартал и цены вымышлены
Стек: Next.js 16 · React · TypeScript · Zod

Главная мысль

Квартиру выбирают как на макете в офисе продаж: квартал, дом, этаж — и сразу цена.

В таблице на сотни квартир свою не найти

Подбор на сайте застройщика часто сводится к таблице с фильтрами. Покупатель листает строки и не понимает, куда выходят окна и где в квартале его подъезд.

Мы повторили путь из офиса продаж: генплан → фасад → шахматка. Корпус выбирают прямо на схеме, этаж — на фасаде, квартиру — на плане этажа. Схемы грузятся только на компьютере, на телефоне их заменяет лёгкий список.

Генплан
Корпус выбирают на схеме квартала, а не в выпадающем списке.
Фасад
У каждого этажа — число свободных квартир. Пустые этажи видно сразу.
Шахматка
План этажа с планировками и статусами. Проданные зачёркнуты, свободные — под рукой.

Тихий тон вместо баннеров

Мы выбрали спокойный голос без баннеров и скидок: известь, латунь и олива, антиква в заголовках и моноширинный шрифт для площадей и номеров квартир.

Генплан — не картинка из буклета. Слои благоустройства включаются по одному, и покупатель сам видит, где будет двор, а где — дорога.

Известь#F0EEE9
Латунь#9A7B3F
Олива#59684F

Заголовки · PrataКвартал у Оки
Текст · Golos TextЗаписаться на показ
Площади и номера · IBM Plex Mono214 квартир

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

Подбор, который можно отправить ссылкой

Квартиру выбирают вдвоём, а часто — всей семьёй. Поэтому подбор сохраняется в ссылке: корпус, этаж, комнатность, «только свободные». Отправил её в семейный чат — и все видят ту же выборку.

На телефоне схемы уступают место списку со статусами и ценой за метр. Фильтры те же, и ссылка с компьютера откроется на телефоне без потерь.

Подбор на телефоне: фильтр «2 комнаты, свободные», выборка сохранена в ссылке — Та же выборка на телефоне — список вместо схем.

214 квартир — у каждой своя страница

Одна страница квартиры на всех — это «цена по запросу» и звонок менеджеру. Мы дали каждой квартире свой адрес: планировка, площади, стороны света, цена и ориентировочный платёж по ипотеке (ставка и срок вводятся вручную).

Все страницы собираются из одной таблицы квартир: поменялась цена или статус — меняются и страницы. В рабочем проекте таблица приходит из CRM или 1С застройщика. Страницы квартир находит поиск, и ими удобно делиться.

Страница двухкомнатной квартиры: планировка, цена и расчёт ориентировочного платежа по ипотеке

квартир, у каждой своя страница: 214

Решение о квартире принимают на кухне, с распечаткой

Квартиру не покупают за один вечер на сайте. Её обсуждают дома, с карандашом и распечаткой.

Поэтому у страницы квартиры есть печатная версия: только планировка и характеристики, без меню, форм и кнопок. Лист, который не стыдно положить на стол.