Критика № 03–07 · v5→v6 + Стоимость + Hero + Место + План · 2026-05-13 34 находки · 37 правок

Пять проходов критики:
v5→v6, Стоимость, Hero, Место, План.

№ 03 — закрытие хвостов v5 → v6 (6 находок). № 04 — «Стоимость» (7). № 05 — hero (7). № 06 — «Место» (7). № 07 — «План» (7). Все исправлены, направление C — hybrid: лаконичный текст, перегруппированные данные, аннотации на визуалах.

№ 01 / Что критиковалось

Свежий слой v5 — что добавили между критиками.

Между audit2 (выбор v4/v5) и этой критикой добавлено:

№ 02 / Находки

6 проблем — 1 critical, 3 major, 2 minor.

01

Двойной «ДубльДом» в FAQ про утепление

CRIT
FAQ · «Каркасный дом — тёплый ли зимой?»

Результат softening-скрипта: смягчение конкретики «утепление 200 мм минваты» создало повтор бренда в одном предложении — звучит как сбой машинного перевода.

Дом построен ДубльДом с утеплением по стандарту ДубльДом. По расчётам — комфортный при -25°C…
Дом построен компанией ДубльДом по стандартам каркасного утепления, рассчитан на круглогодичное проживание. Печь-«Канадка» закрывает экстремум до -35°C. Электрический конвектор справляется с обычной зимой −20…−25°C.
02

«15 кВт / скважина 30 м» остались в FAQ

MAJOR
FAQ · «Что включено в 12 700 000 ₽?»

Softening-скрипт почистил Спецификацию, но аналогичный текст в FAQ остался — теперь страница противоречит сама себе (в одном месте «электричество заведено», в другом «15 кВт»).

все коммуникации (электричество 15 кВт, скважина 30 м, септик) + печь-«Канадка»…
все коммуникации (электричество, скважина, септик) + печь-«Канадка»…
03

Plan-toggle лежал внутри paper-рамки

MAJOR
Секция «План» · UI

Toggle «Чертёж/3D» оказался на бумажном фоне рамки — выглядит как часть чертежа, не как контрол. Это нарушает паттерн «контролы живут в сетке страницы, контент — в рамках».

<div class="plan-image-wrap">
  <div class="plan-toggle"> ← на бумаге
  <div class="plan-frame">
</div>
<div class="plan-toggle"> ← снаружи, в потоке
<div class="plan-image-wrap">
  <div class="plan-frame">
</div>
04

Жёсткий aspect-ratio контейнера обрезал 3D

MAJOR
Секция «План» · CSS

.plan-frame { aspect-ratio: 8 / 12.85 } = 0.62 (узкий вертикальный фрейм). 2D-чертёж подходит идеально, но 3D-картинка (0.86) рендерится с пустыми полосами слева/справа из-за object-fit: contain.

Один фиксированный aspect-ratio: 8/12.85 для обеих картинок. 3D зажата с боков.
Адаптивный aspect-ratio через CSS-toggle: show-3d .plan-frame { aspect-ratio: 1166/1349 }. transition: aspect-ratio 0.5s сглаживает перестроение.
05

Caption под hamlet-aerial обещал слишком много

MINOR
Hamlet · cinematic strip · figcaption

«Наш мини-посёлок — в южной части КП, у леса» — конкретная привязка без аннотации на фото. Юзер не понимает, где именно наш тупичок — на первой встрече может разочароваться.

Вид сверху · май 2026 · наш мини-посёлок — в южной части КП, у леса
Вид сверху · КП Бархатово Лес · май 2026
06

plan.jpg и 3dplan.jpg лежали на самом сервере

MINOR
Архитектура ассетов

Все остальные изображения сервируются с GCS-CDN. Plan-файлы хранились локально на Caddy-сервере — не использовали CDN-кеширование и при смене домена потребовали бы переноса.

<img src="/plan.jpg"> — локально, без CDN
<img src="https://storage.googleapis.com/uspeshnyy-projects/barhat-estate/v2/plan.jpg"> — GCS-CDN
№ 03 / Итог

Что выросло между v5 и v6.

Аспектv5v6Δ
3D-toggle UX (положение) 3.5 5 +1.5
3D-визуализация (aspect) 3.5 5 +1.5
FAQ-консистентность 3 5 +2
Caption под aerial 3 4 +1
Архитектура ассетов 4 5 +1
Среднее 4.3 4.8 +0.5
№ 04 / Критика секции «Стоимость» в v7

«Платёж как аренда» — но аргумент теряется в шуме.

Запустил skill design-critique прицельно на section.price. Цель секции — показать «12,7 млн ≈ платёж как аренда» и довести до Telegram-CTA. Аудитория — семьи 40-50 лет, IT-специалисты, прагматики. Что сейчас не работает.

7 проблем — 2 critical, 3 major, 2 minor.

01

Цена «12 700 000 ₽» появляется дважды подряд

CRIT
Section.price · sec-head + price-banner

В <h2> пишется «12,7 млн ₽», через ~80 px в .price-banner повторяется тот же «12 700 000 ₽» огромным шрифтом. Дубль убивает emphasis — второе появление воспринимается как заикание, а не как акцент.

h2: «12,7 млн ₽ — или платёж, как аренда»
+
banner: «12 700 000 ₽» (огромный шрифт)
h2: «Платёж — как съём двушки в Москве»
+
banner: «12 700 000 ₽» (единственное появление цены)
02

Три сценария ипотеки рендерятся как «равные»

CRIT
.calc-results · 3 .scenario cards

Класс featured есть на «Семейной 6%», но IT (8%) и Базовая (12%) визуально не downgraded. Пользователь не понимает, какой сценарий применим именно к нему. IT-ипотека — только для аккредитованных IT, Базовая — fallback.

3 одинаковых карточки с одинаковым размером шрифта. Featured = чуть amber-фон, но размер тот же.
Семейная — primary (1.4× scale, amber accent), IT — secondary (75% размер, серый), Базовая — tertiary («или базовая 12%» подзаголовком).
03

Нет «экономия за 30 лет» — главный аргумент за семейную

MAJOR
Карточка семейной ипотеки

Показывается только ежемесячный платёж. При 6% vs 12% разница в платеже невелика, но переплата за 30 лет — миллионы. Рациональный покупатель сравнивает суммарную стоимость. Без «экономия 8,2 млн vs базовая» калькулятор — просто счётчик, а не аргумент.

Семейная: 63 100 ₽/мес
Семейная: 63 100 ₽/мес
− 8,2 млн переплаты vs базовая
04

Toggles-чекбоксы — глухая интерактивность

MAJOR
.calc-toggles · 3 checkbox-label

Три чекбокса (матcap, IT, cash). Тыкаешь — где-то что-то меняется, но не сразу понятно где. Нет immediate visual feedback. Пользователь не уверен, что галочка что-то делает.

3 классических чекбокса с textual описанием. Активность = маленькая галочка ◻︎ → ☑.
3 pill-кнопки с ясным active state (amber фон + ink текст). Live-line под взносом: «применено: матcap −617k».
05

Banner-note — текст-стена с 5 разными мыслями

MAJOR
.price-banner .note

В одном <div> слиты: «прямая продажа», «документы готовы», «ипотека в Сбере/ВТБ/Альфе», зачёркнутая «комиссия 3-5%», «маркетолог получает ставку», «возможен торг». 5 разных мыслей плотным текстом. Ни одна не выделяется.

«Прямая продажа от собственника. Документы готовы, ипотека одобряется в Сбере, ВТБ, Альфе. Комиссия агентства 3–5% — её здесь нет. Маркетолог получает фиксированную ставку, прозрачно. Возможен торг за быстрый выход на сделку.»
3 ясных bullet с тире:
— Прямая продажа от собственника, без агентов
— Сбер, ВТБ, Альфа — все одобряют семейную под 6%
— Возможен торг на быстрой сделке
06

Зачёркнутая «комиссия 3-5%» без обоснования

MINOR
.price-banner · <span class="strike">

Звучит как ценник со скидкой в супермаркете. Без ссылки на источник скептичный покупатель спросит «откуда вы знаете, что 3-5%». Claim без обоснования = bargaining tactic, снижает доверие.

<span class="strike">Комиссия агентства 3-5%</span> — её здесь нет.
«Без агентской комиссии — экономия 400-600 тыс. (3-5% по Подмосковью, ЦИАН 2026)»
07

CTA «Получить расчёт» дублирует функцию калькулятора

MINOR
.calc-cta · кнопка Telegram

Пользователь только что посчитал свой платёж в калькуляторе. И ему говорят «Иван пришлёт точный расчёт». Смысл размывается — я уже посчитал, зачем мне ещё один расчёт?

«Получить расчёт в Telegram →»
«Записаться на просмотр (с готовым предодобрением банка) →»
№ 04.1 / Итог секции «Стоимость»

Что выросло между v7 (до) и v7 (после).

АспектДоПослеΔ
Дублирование цены 2 5 +3
Иерархия сценариев 3 5 +2
Sales-аргумент (экономия) 2 5 +3
Interaction feedback 3 4.5 +1.5
Сканируемость banner-note 2.5 5 +2.5
Обоснованность claims 3 4.5 +1.5
Релевантность CTA 3 4.5 +1.5
Среднее 2.64 4.79 +2.15
№ 05 / Критика hero-секции в v7

Hero — 5 секунд, чтобы понять «что, где, сколько».

Запустил design-critique на первый экран. Цель: за 5 секунд донести «что это, где, сколько, что делать». Аудитория — семьи 40-50 лет, IT-специалисты, прагматики. Что не работает.

7 проблем — 2 critical, 4 major, 1 minor.

01

h1 продаёт «посёлок», а не «дом»

CRIT
Section.hero · h1.display

Первое, что видит пользователь — «Мини-посёлок Бархат — всего четыре дома». Но он же выбирает конкретный дом за 12,7 млн, а не посёлок целиком. «Один из четырёх» подсознательно звучит как «общественная собственность», а не «мой дом».

Мини-посёлок
Бархат — всего
четыре дома.
Дом 91 м² в тупичке
у леса.
Один из четырёх ДубльДомов мини-посёлка «Бархат»
02

h1 disconnect с visual

CRIT
Section.hero · h1 ↔ .hero-image

Справа — большое видео фасада одного дома. Слева — текст про «посёлок из 4 домов». Глаз ищет соответствие между h1 и визуалом — а его нет. Это снижает доверие подсознательно: «они о разном говорят».

h1: «посёлок из 4 домов»
visual: фасад одного дома
h1: «Дом 91 м² в тупичке у леса»
visual: фасад одного дома
— совпадают
03

Tag-line — жаргон в первой строке

MAJOR
.hero-tag · mono-text сверху

«Один из 4 ДубльДомов в собственном тупичке · Без посторонних». «ДубльДом» — название производителя, незнакомое 95% покупателей. «Тупичок» — разговорный диминутив. «Без посторонних» — reactive, оборонительная формулировка.

«Один из 4 ДубльДомов в собственном тупичке · Без посторонних»
«Тихий тупичок · 65 км от МКАД · Наро-Фоминский р-н»
04

Нет геопривязки — где этот дом

MAJOR
.hero-text · отсутствует meta-row

Для загородной недвижимости геолокация — ключевой фильтр при первом контакте. На hero нет ни направления, ни района, ни расстояния до Москвы. Координаты в topstrip-полосе мелким шрифтом не считаются — пользователь их не видит.

Только цена и CTA. Геоинфо — в topstrip мелким шрифтом.
Meta-row с 4 фактами:
91 м² · 7 соток · 65 км МКАД · у леса и воды
05

2 CTA одного приоритета размывают next-step

MAJOR
.hero-cta-row · 2 кнопки одного размера

«Записаться на просмотр» (primary) + «Расчёт ипотеки» (ghost) — кнопки рядом, одного размера. Hick's law: выбор между двумя одинаковыми кнопками тормозит. Который из них «правильный»?

[Записаться на просмотр] [Расчёт ипотеки]
— две равные кнопки
[Записаться на просмотр →]
Сначала посчитать платёж →
— один primary + text-link
06

Цена в hero — без контекста

MAJOR
.hero-price

«12 700 000 ₽ — или — ~65 000 ₽ / мес. по семейной ипотеке». Без бенчмарка цифры висят в воздухе. 12,7 млн — много или мало для 91 м² в Подмосковье? 65k/мес — много или мало? Аргумент «как аренда двушки в Москве» уже есть в секции «Стоимость», но в hero отсутствует.

«12 700 000 ₽ — или — ~65 000 ₽ / мес. по семейной ипотеке»
«~65k/мес — как съём двушки в Москве
или 12,7 млн прямой продажей»
07

Caption «видео-петля» — техническое

MINOR
.hero-image .caption (правый нижний угол)

«001 · фасад · видео-петля». «Видео-петля» — это термин разработчика. Пользователю эта мета не нужна, он и так видит, что фото движется.

«001 · фасад · видео-петля»
«001 · фасад · май 2026»
№ 05.1 / Итог hero-секции

Что выросло между v7 (до) и v7 (после).

АспектДоПослеΔ
Соответствие h1 ↔ продукту 2.5 5 +2.5
Связка h1 ↔ visual 2.5 5 +2.5
Понятность tag-line 3 5 +2
Геопривязка 2 4.5 +2.5
Чёткость next-step 3 4.5 +1.5
Контекст цены 3 4.5 +1.5
Caption polish 3.5 4.5 +1
Среднее 2.79 4.71 +1.93
№ 06 / Критика секции «Место» в v7

Не повторять hero — развить геоконтекст.

Запустил design-critique на первую после-hero секцию. Её работа — развить геоконтекст из hero, дать «ощущение места», помочь принять решение «это для меня». А не повторять hero meta-row.

7 проблем — 2 critical, 4 major, 1 minor.

01

Lead-параграф дублирует hero

CRIT
section.place · header.sec-head .lead

Lead = «Мини-посёлок Бархат — 4 ДубльДома в собственном тупичке... КП Бархатово Лес... Ташировское водохранилище... час по Киевскому шоссе». «4 ДубльДома», «тупичок», «65 км/1ч», «лес рядом» — всё это уже сказано в hero (h1 + sublead + meta-row + tag-line).

«Мини-посёлок Бархат — это 4 ДубльДома в собственном тупичке на территории КП Бархатово Лес у Ташировского водохранилища. Берёзовый лес, ровные дороги, никакого транзита. До Москвы — час по Киевскому шоссе.»
«Сосны и берёзы за забором, тропа к воде через лес, лай собак у соседей — иногда. Тишина — обычно.»
02

h2 «Час от МКАД» дублирует hero meta-row

CRIT
section.place · header.sec-head h2

Hero meta: «1 ч · от МКАД по Минскому». Place h2: «Час от МКАД — и запах хвои в окне». «Час» повторяется. h2 — главный hook секции; если он повторяет hero, секция теряет голос.

«Час от МКАД — и запах хвои в окне.»
«Берёзы за забором, тропа в лес — сразу.»
03

Inconsistency: hero «Минское» vs place «Киевское»

MAJOR
section.hero · meta-row + section.place · lead

Hero meta пишет «1 ч от МКАД по Минскому», place lead пишет «час по Киевскому шоссе». Координаты 55.4186°N, 36.6097°E — это Наро-Фоминский р-н, Киевское шоссе (М-3). Минское (М-1) идёт через Одинцово/Кубинку — другое направление. Hero ошибается.

Hero meta: «1 ч · от МКАД по Минскому»
Hero meta: «1 ч · от МКАД по Киевскому»
04

place-photo показывает крыльцо, а не место

MAJOR
.place-body .place-photo · img

Справа в place-body фото «002 · участок и крыльцо» — рендер крыльца дома. Я сейчас в секции про расположение и окружение, а смотрю на дом. Крыльцо мне покажут в section.inside про дом.

02-approach.jpg — крыльцо дома
env-01-entrance.jpg — въезд в посёлок через арку берёз
05

distances — 8 ячеек одного веса (AI-design tell)

MAJOR
.distances · 4×2 grid из 8 cells

Школа, сад, поликлиника, магазин, аптека, озеро, лес, МКАД — все одного размера. Equal-weight grid — типичный AI-design tell. Что мне важно? Без иерархии — все 8 одинаково важны, что значит ни одна не важна.

Один grid 4×2, все cells равные. «Лес 50 м» рядом с «Магазин 3 мин» — равной важности.
3 кластера:
Природа (primary, крупные): лес, вода
Повседневное (secondary): школа, сад, магазин, аптека, поликлиника
Транспорт (tertiary): МКАД
06

place-map — спутник без аннотаций

MAJOR
.place-map · satellite + 1 cross-pin

Большой satellite-image + красный крест + координаты. Голый satellite ничего не объясняет: где здесь лес, где вода, где школа, где выезд на М-3? Это просто скриншот Google Maps.

satellite + 1 крест + координаты
satellite + 4-5 floating-pill аннотаций: «← лес 50 м», «вода 5 мин ↓», «школа Таширово →», «выезд на М-3 ↑»
07

place-notes — формат визитки фирмы

MINOR
.place-notes · 4 data-item

«Адрес», «До МКАД», «Координаты», «На карте» — формат контактной информации юр.лица, а не «расскажи мне где это» для покупателя.

4 item: Адрес / До МКАД / Координаты / На карте
«Как добраться»: 1 короткий параграф направлений + 2 ссылки на карты. Координаты уходят в footer-meta map
№ 06.1 / Итог секции «Место»

Что выросло между v7 (до) и v7 (после).

АспектДоПослеΔ
Уникальность lead (vs hero) 2 5 +3
Уникальность h2 2.5 5 +2.5
Внутренняя консистентность шоссе 1 5 +4
Релевантность place-photo 2.5 5 +2.5
Иерархия distances 3 4.5 +1.5
Информативность map 2.5 4.5 +2
Тон place-notes 3 4.5 +1.5
Среднее 2.36 4.79 +2.43
№ 07 / Критика секции «План» в v7

Где факт картинки и факт списка не совпадают.

Запустил design-critique на самую факт-нагруженную секцию. Здесь покупатель сводит визуал интерьера + цифры площади + понимание планировки. Здесь нельзя ошибаться в данных — но именно фактическая ошибка нашлась.

7 проблем — 2 critical, 3 major, 2 minor.

01

«Гардероб 06» — на самом деле бытовая

CRIT
.plan-rooms · row #06

В plan-rooms строка 06 · Гардероб · 2,6 м² с подзаголовком «Изолированное помещение». На plan3.png в области 2,6 м² нарисованы B100L (водонагреватель) и W (стиральная) — это бытовая / постирочная. Список говорит ОДНО, картинка показывает ДРУГОЕ — фактическая ошибка.

«06 · Гардероб · 2,6 м²
Изолированное помещение»
«06 · Бытовая / постирочная · 2,6 м²
B100L водонагреватель, стиральная»
02

h2 + lead дублируют друг друга

CRIT
section.plan · header.sec-head

h2: «Восемь на тринадцать, с террасой во всю длину». Lead: «Габариты 8 × 12,85 м... плюс открытая терраса 23 м²». «8 на 13» в h2 → «8×12,85» в lead. «Терраса» в h2 → «терраса 23 м²» в lead. Lead должен расширять, а не дублировать.

h2: «Восемь на тринадцать, с террасой во всю длину»
lead: «Габариты дома 8 × 12,85 м. Площадь под крышей — 91 м², плюс открытая терраса 23 м². Без коридоров...»
h2: «Open-space под фронтоном
и две камерные спальни»
lead: «8 × 12,85 м, 91 м² под крышей + 23 м² террасы. Гостиная-кухня — один объём на 31,8 м², две спальни по 10 м², бытовая, санузел, прихожая.»
03

Порядок 01–07 не соответствует маршруту

MAJOR
.plan-rooms · порядок <div class="row">

Текущий порядок: 01 Гостиная → 02 Спальня I → 03 Спальня II → 04 Прихожая → 05 Санузел → 06 Гардероб → 07 Терраса. С улицы входишь в прихожую, потом в гостиную. Прихожая под номером 04 — противоречит логике обхода.

01 Гостиная-кухня · 02 Спальня I · 03 Спальня II · 04 Прихожая · 05 Санузел · 06 Гардероб · 07 Терраса
01 Прихожая · 02 Гостиная-кухня · 03 Бытовая · 04 Санузел · 05 Спальня I · 06 Спальня II · 07 Терраса
04

Нет связи номеров 01–07 с местом на плане

MAJOR
.plan-image-wrap ↔ .plan-rooms

На plan3.png показаны m² в каждой комнате (10,9, 31,8...), но нет номеров 01-07. Список plan-rooms использует номера. Связь только по площади — нужно искать совпадение.

Plan + список рядом. Чтобы найти комнату на плане — ищешь по m².
Новый toggle «Номера» в overlay рядом с «Чертёж/3D». При активации — на план накладываются 7 пин-меток «01», «02»... в местах комнат.
05

Четыре цифры площади без ясной иерархии

MAJOR
.plan-area-note + .plan-rooms .total

plan-area-note: «88,6 м² полезной» / «91 м² общей (ЕГРН)» / «+23 м² терраса». plan-rooms total: «Итого под крышей ~ 114 м²». 4 цифры — какая «настоящая»? 114 — это 91 + 23, не 88,6 + 23 = 111,6. Без визуальной связи покупатель не разберётся.

Plan-area-note: 88,6 / 91 / +23
Total: ~114 м² (без пояснения формулы)
Plan-area-note доминирует (3 canon).
Total: «По документам + терраса = 114 м² под крышей»
06

Overlay scale «8000×12850» дублирует подпись на самом плане

MINOR
.plan-image-wrap · <div class="scale">

Внутри plan-image-wrap снизу-слева overlay «8 000 × 12 850 мм». На plan3.png внизу уже нарисованы «8000» и «12850» подписями к стрелкам. Две одинаковые подписи одной размерности — визуальный шум.

Overlay «8 000 × 12 850 мм» + подписи на самом плане
Overlay-scale убран. Stamp «001 · план / 2025» остаётся
07

«Без коридоров» — vague claim

MINOR
section.plan · .lead (последняя фраза)

«Без коридоров: вся жилая площадь работает». Формально в plan-rooms есть «Прихожая 5,9 м²» — это транзит. Без объяснения «без коридоров» звучит маркетингово.

«Без коридоров: вся жилая площадь работает.»
Lead переписан под Fix 02 — перечисляет конкретные помещения, фраза «без коридоров» уходит
№ 07.1 / Итог секции «План»

Что выросло между v7 (до) и v7 (после).

АспектДоПослеΔ
Фактическая точность (Гардероб vs бытовая) 1 5 +4
Уникальность h2 vs lead 2 5 +3
Логика порядка комнат 2.5 5 +2.5
Связь номера ↔ план 2 4.5 +2.5
Иерархия цифр площади 3 4.5 +1.5
Чистота overlay 3.5 5 +1.5
Обоснованность claims 3 4.5 +1.5
Среднее 2.43 4.79 +2.36
Текущая main-версия · 2026-05-13

v6 — основная, v5 остаётся как baseline.

Все 6 находок закрыты. v5 не удалена — остаётся как контрольная версия для Я.Метрика-сравнения.

Main · сегодня

v6 · все правки

Toggle вне рамки, адаптивный aspect-ratio, plan.jpg на GCS, дубль ДубльДома исправлен, FAQ консистентен.

Открыть v6 →
Baseline · контроль

v5 · до критики

Версия с первым внедрением 3D-плана и реального аэрофото. Сохранена для A/B-сравнения с v6.

Открыть v5 →
Дальше · Связанные документы

Все аудиты и стратегические материалы.

Цепочка чтения проекта — от первого аудита до запуска воронки.

Документ № 04 · Impeccable craft · v6 → v7

Шестой проход — impeccable craft

Skill против AI-slop эстетики (Apache 2.0 форк frontend-design от Anthropic). 1 absolute-ban + 5 production-polish правок: tabular nums, opsz, stagger reveal, asymmetric hamlet, italic discipline. Все закрыты в v7.

Документ № 01 · Первый аудит

4 прохода по v3: critique, эвристики, WCAG, cognitive

Design-critique · Эвристики Нильсена · WCAG 2.1 AA · Cognitive walkthrough 4 портретов. Все находки начальной итерации.

Документ № 02 · Второй аудит

v4 vs v5 — доверие или конверсия

Сводная критика v4 (мини-посёлок). Развилка: v4 ↔ community-нарратив, v5 ↔ конверсионная воронка. Прогноз по 4 портретам.

Know-how · философия

Почему этот лендинг сделает продажу

4 столпа подхода, сравнение с ЦИАН в 6 раундах, прогноз конверсии, усиление через Telegram-агент.

Strategy · документ для Ивана

Полная воронка от рекламы до сделки

3 пути клиента, роль каждого канала, бюджет, KPI, недельный план, 9 действий Ивана, экономия 250 тыс ₽.