Лендинг / Архитектура

Бюро ОСЬ — лендинг архитектурного бюро

Бюро ОСЬ — лендинг архитектурного бюро

Задача

Одностраничник архитектурного бюро полного цикла: частные дома, общественные пространства, реконструкция. От концепции до авторского надзора.

Что сделали

  • Задача была снять ощущение «студии красивых картинок» и показать проектную контору со сроками и чертежами. Поэтому первый экран построен не на рендере, а на фактах: партнёры, адрес мастерской, координаты, свободные слоты и цена за квадратный метр стоят прямо под заголовком, а не прячутся в глубине страницы.
  • Вёрстка положена на видимую модульную сетку — прямая отсылка к подосновам чертежа, на которых бюро и работает. Заголовок набран Golos Text крупным кеглем с отрицательным трекингом, все данные (годы, площади, координаты, цены) — IBM Plex Mono: в абзацах моноширинного нет вообще, он закреплён строго за числами.
  • Акцент — клинкерный красный #B4472B — применяется микродозами: точка в марке, одно слово в заголовке, засечка над разделом. Восемь секций, сквозная нижняя лента со стадиями проектирования от концепции до авторского надзора.

Результат

Страница снимает подозрение, из-за которого архитектурному бюро не пишут: что это студия красивых картинок без сроков и чертежей. Партнёры, адрес мастерской, свободные слоты и цена за квадратный метр стоят под заголовком, а не в глубине страницы. Моноширинный шрифт закреплён строго за числами, поэтому годы, площади и цены читаются как данные проекта, а не как рекламный текст.

Стек

ReactTypeScriptTailwind CSSNode.jsTelegram API

Услуга из этого кейса

Что входит в работу, сроки и цены — на странице услуги.

Сайт для строительной компании, который приводит заявки на объекты

Хотите так же? Обсудим.

Куда ответить

политикой конфиденциальности