Шапка проекта: без повтора названия и пустых пометокProject header: no repeated name, no empty marks
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор открывает проект и на первом экране видит главное: название, город, бренд, цены, площади — и сразу вкладки с подробностями. Это третья часть цели сайта: открыть объект и видеть всё о нём по вкладкам.An investor opens a project and the first screen shows the essentials: name, city, brand, prices, areas — and the detail tabs right away. This is the third part of the site's goal: open an object and see everything about it in tabs.
ЗадачаProblem
На телефоне хлебные крошки заканчивались названием проекта — отдельной строкой, а сразу под ней шёл тот же текст заголовком. В строку с ценой и площадью был вклеен статус красных флагов, даже когда сказать нечего («нет данных о флагах», «красных флагов не найдено (проверка неполная)»), из-за чего строка переносилась. Вкладки начинались только на 326 px.On a phone the breadcrumbs ended with the project name on a line of its own, and the same text came right below as the heading. The price-and-area line also carried the red-flag status even when there was nothing to say («no data on flags», «no red flags found (incomplete check)»), which made the line wrap. The tabs only started at 326 px.
Как решилиHow it was solved
- Хлебные крошки на страницах страны, города и проекта ведут до родителя — «Главная › Турция › Стамбул»; текущую страницу называет заголовок. Так советует, например, дизайн-система GOV.UK.Breadcrumbs on country, city and project pages lead to the parent — «Home › Turkey › Istanbul»; the heading names the current page. This is what the GOV.UK design system, for one, recommends.
- Красные флаги в шапке проекта показываются, только когда они найдены, — как на карточках каталога. Полный статус проверки — во вкладке «Проект», в блоке «Красные флаги».Red flags show in the project header only when some were found — as on the catalogue cards. The full check status is in the «Project» tab, in the «Red flags» block.
- Итог (телефон): шапка проекта 161 px вместо 214, вкладки начинаются на 272 px вместо 326.Result (phone): the project header is 161 px instead of 214; the tabs start at 272 px instead of 326.
До и послеBefore and after
