Как распределить информацию между главной и внутренними страницами на сайте бизнес-центра

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

Кто приходит на сайт и что ему нужно

Обычно у бизнес-центра четыре группы посетителей, и задачи у них разные:

• компания, которая ищет офис: площадь, этаж, отделка, условия, расположение;
• действующий арендатор: как оформить пропуск, кому написать по заявке, где найти документы;
• гость или курьер: адрес, въезд, парковка, вход;
• организатор встречи или мероприятия: переговорные, конференц-зал, вместимость, контакты.

Отсюда правило. Главная отвечает на вопрос «то ли это место и куда мне дальше». Внутренняя страница отвечает на вопрос «хватает ли мне информации, чтобы принять решение или выполнить действие».

Что оставить на главной странице

Главная нужна для быстрой ориентации и распределения по сценариям. Как правило, на ней уместны:

• название, район и одна фраза о том, что за здание: назначение, масштаб, ближайший транспорт;
• несколько проверенных фактов о здании, например общая площадь, число этажей, наличие парковки. Только те, что вы можете подтвердить;
• короткая витрина свободных помещений: три-четыре варианта и ссылка на весь список;
• входы по ролям: «Снять офис», «Арендаторам», «Как добраться», «Переговорные»;
• контакты отдела аренды и простая форма заявки.

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

Что вынести на внутренние страницы

Всё, что нужно для решения или действия, лучше разнести по отдельным страницам:

• Каталог помещений с фильтрами по площади, этажу, типу отделки, сроку освобождения.
• Карточка помещения: план этажа, площадь, высота потолков, отделка, что входит в арендную плату и что оплачивается отдельно. Формулировки согласуйте с собственником, на сайте они не должны расходиться с договором.
• Инфраструктура и сервисы: кафе, охрана, лифты, интернет-провайдеры, ресепшн.
• Парковка и проезд: схема для водителей и отдельно маршрут для пешеходов от метро или остановки.
• Раздел для арендаторов: заявки, пропуска, контакты диспетчерской, документы.
• Переговорные и залы с вместимостью, оснащением и порядком бронирования.
• Контакты: разные адресаты (аренда, эксплуатация, бухгалтерия, пресса) на одной странице.

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

Условный пример: порядок блоков главной

Возьмём вымышленный бизнес-центр «Пример-Плаза». Это иллюстрация логики, а не описание реального проекта. Главная может выглядеть так:

• Первый экран: заголовок «Офисы в бизнес-центре у метро», подзаголовок с адресом и две кнопки: «Подобрать офис» и «Как добраться».
• Блок «Свободные помещения»: четыре карточки с этажом, площадью и кнопкой «Подробнее», ниже ссылка «Все свободные помещения».
• Блок «Вам нужно…»: плитки «Арендовать офис», «Я арендатор», «Приехать в гости», «Провести встречу».
• Блок «О здании»: пять фактов в строку и ссылка «Инфраструктура и сервисы».
• Блок «Как добраться»: мини-карта, адрес, одна строка про парковку и ссылка на подробную схему проезда.
• Подвал: телефон отдела аренды, почта, часы работы ресепшена.

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

Как связать главную и внутренние страницы

Распределение работает, только если между страницами есть понятные переходы. Подписывайте ссылки действием или содержанием: «Все свободные помещения» вместо «Подробнее». Заканчивайте каждую внутреннюю страницу следующим шагом: карточка офиса ведёт к заявке и контактам, страница парковки к схеме проезда. Добавьте хлебные крошки, чтобы из карточки можно было вернуться в каталог.

Отдельно проверьте мобильную версию: на телефоне главная превращается в длинную ленту, поэтому порядок блоков важнее, чем на компьютере. Телефон отдела аренды должен набираться по нажатию. Когда сайт заработает, по отчётам счётчика посещаемости, например Яндекс.Метрики, можно посмотреть, какие входы с главной нажимают чаще всего, и по этим данным менять порядок блоков.

Проверочный список перед запуском

• Из первого экрана главной понятно, что это за здание и где оно находится.
• У каждой из четырёх групп посетителей есть заметный вход.
• На главной не более четырёх-пяти блоков, и каждый ведёт на отдельную страницу.
• Площади, этажи и контакты хранятся в одном источнике и не вводятся вручную в нескольких местах.
• В карточке помещения есть план, площадь, состояние отделки и кнопка связи.
• Схема проезда и маршрут пешком описаны на отдельной странице.
• Раздел для арендаторов доступен с главной в один клик.
• Ссылки подписаны понятными словами, а не «Подробнее» и «Далее».
• Мобильную версию проверили на реальном телефоне: порядок блоков, кнопки, набор номера.

Все статьи блога