lekss361/gendesign

Fork 0

первый экран: оговорки вынесены из блока преимуществ #3293

Merged

bot-backend merged 2 commits from feat/mera-hero-separate-caveats into main

2026-08-31 09:30:52 +00:00

bot-backend commented

2026-08-31 06:35:30 +00:00

Collaborator

Из просьбы «нужен максимально привлекательный лендос».

Что видно на скриншоте

Первый экран читается стеной текста, и причина конкретная: шесть однотипных пунктов подряд, из которых два — про обратное.

Три пункта с маркером → — выгоды. Два с ✓ — что получаешь бесплатно и за 150 ₽. И тут же, в том же контейнере, тем же кеглем, два с ≈:

Пример по рынку Екатеринбурга, а не расчёт по вашему адресу
По всем расчётам МЕРЫ, а не только по Екатеринбургу

То есть дисклеймер стоял в ряду с офертой и выглядел как ещё один её пункт. Читателю приходится на шестом пункте понять, что два из них отменяют смысл предыдущих.

Правка

Оговорки вынесены в собственный блок за разделителем: тише, мельче, отдельно от предложения.

Слова не тронуты ни одного. Порядок чтения не тронут — оговорки по-прежнему выше формы, человек прочитает их до ввода адреса; ровно то требование, ради которого их туда и ставили (записано в докстринге HeroV3). Ширина колонки та же, контраст держит AA.

Убирать или прятать нельзя и не предлагается: замаскированная оговорка хуже показанной, и вся эта страница построена на обратном принципе.

Проверки

vitest 147 passed · tsc rc=0 · eslint --max-warnings 0 rc=0.

Тесты, проверяющие содержимое обеих строк (что экспозиция и медиана аналогов подписаны разными границами и не слиты в одну), держатся за parentElement самой строки, а не за контейнер — переезд их не задел. Это проверено, а не предположено: оба теста зелёные.

Честная граница

Полноценного визуального обхода не было. Скриншот удалось снять ровно один — панель браузера скрыта, повторные попытки и прокрутка падают по таймауту. Правка сделана по тому, что видно на этом одном кадре, плюс по чтению разметки. Остальную страницу глазами не смотрел.

Попутный замер: страница 16 931 px в высоту при ширине 429 — около сорока экранов. Это отдельный разговор про состав секций, здесь не трогал.

Из просьбы «нужен максимально привлекательный лендос». ## Что видно на скриншоте Первый экран читается стеной текста, и причина конкретная: **шесть однотипных пунктов подряд, из которых два — про обратное.** Три пункта с маркером `→` — выгоды. Два с `✓` — что получаешь бесплатно и за 150 ₽. И тут же, **в том же контейнере, тем же кеглем**, два с `≈`: > Пример по рынку Екатеринбурга, **а не расчёт по вашему адресу** > По всем расчётам МЕРЫ, **а не только по Екатеринбургу** То есть дисклеймер стоял в ряду с офертой и выглядел как ещё один её пункт. Читателю приходится на шестом пункте понять, что два из них отменяют смысл предыдущих. ## Правка Оговорки вынесены в собственный блок за разделителем: тише, мельче, отдельно от предложения. **Слова не тронуты ни одного.** Порядок чтения не тронут — оговорки по-прежнему **выше формы**, человек прочитает их до ввода адреса; ровно то требование, ради которого их туда и ставили (записано в докстринге `HeroV3`). Ширина колонки та же, контраст держит AA. Убирать или прятать нельзя и не предлагается: замаскированная оговорка хуже показанной, и вся эта страница построена на обратном принципе. ## Проверки `vitest` 147 passed · `tsc` rc=0 · `eslint --max-warnings 0` rc=0. Тесты, проверяющие **содержимое** обеих строк (что экспозиция и медиана аналогов подписаны разными границами и не слиты в одну), держатся за `parentElement` самой строки, а не за контейнер — переезд их не задел. Это проверено, а не предположено: оба теста зелёные. ## Честная граница **Полноценного визуального обхода не было.** Скриншот удалось снять ровно один — панель браузера скрыта, повторные попытки и прокрутка падают по таймауту. Правка сделана по тому, что видно на этом одном кадре, плюс по чтению разметки. Остальную страницу глазами не смотрел. Попутный замер: страница **16 931 px** в высоту при ширине 429 — около сорока экранов. Это отдельный разговор про состав секций, здесь не трогал.

bot-backend added 1 commit 2026-08-31 06:35:31 +00:00

первый экран: оговорки вынесены из блока преимуществ

CI Trade-In / changes (pull_request) Successful in 10s

Details

CI Trade-In / backend-tests (pull_request) Has been skipped

Details

CI / changes (pull_request) Successful in 10s

Details

CI Trade-In / browser-tests (pull_request) Has been skipped

Details

CI / backend-tests (pull_request) Has been skipped

Details

CI / frontend-tests (pull_request) Has been skipped

Details

CI / openapi-codegen-check (pull_request) Has been skipped

Details

CI Trade-In / frontend-checks (pull_request) Successful in 1m0s

Details

c9251d3ed5

Владелец попросил сделать лендинг привлекательнее. Один скриншот мобильной
страницы показал причину, по которой первый экран читается стеной текста:
шесть однотипных пунктов подряд, из которых ДВА про обратное.

«Пример по рынку Екатеринбурга, а не расчёт по вашему адресу» и «По всем
расчётам МЕРЫ, а не только по Екатеринбургу» лежали ВНУТРИ .heroPerks — в том
же контейнере, тем же кеглем, с маркером в том же ряду, что «Бесплатно» и
«За 150 ₽». То есть дисклеймер выглядел как ещё один пункт оффера.

Вынесены в собственный блок за разделителем: тише, мельче, отдельно.

Слова НЕ ТРОНУТЫ. Порядок чтения не тронут: оговорки по-прежнему выше формы,
человек прочитает их до ввода адреса — ровно то требование, ради которого их
туда и ставили. Ширина колонки та же, контраст держит AA. Убирать или прятать
оговорку нельзя: замаскированная оговорка хуже показанной, и вся эта страница
построена на обратном принципе.

Тесты, проверяющие СОДЕРЖИМОЕ обеих строк (что экспозиция и аналоги подписаны
разными границами и не слиты в одну), держатся за parentElement строки, а не
за контейнер — переезд их не задел. 147 passed.

bot-backend added 1 commit 2026-08-31 09:28:36 +00:00

Merge branch 'main' into feat/mera-hero-separate-caveats

CI Trade-In / changes (pull_request) Successful in 10s

Details

CI Trade-In / backend-tests (pull_request) Has been skipped

Details

CI Trade-In / browser-tests (pull_request) Has been skipped

Details

CI Trade-In / frontend-checks (pull_request) Successful in 1m29s

Details

d3b0d0bea5