Структура корпоративного сайта

Структура корпоративного сайта — это не список всего, что можно рассказать о компании, а маршрут, по которому посетитель идёт от вопроса «чем вы занимаетесь» до заявки. Каждая страница на этом пути отвечает на конкретный вопрос. Если страница не отвечает ни на какой, ей не место в меню.

Слабая структура — частая причина, почему красивый сайт не приносит обращений: нужный раздел просто не находят.

Базовый каркас

У большинства корпоративных сайтов набор одинаковый. Меняется наполнение и число страниц.

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

Плюс служебные страницы: политика конфиденциальности, страница cookie, 404. Их не выбирают, но закладывают сразу, чтобы не собирать в последний момент.

Почему у каждой услуги своя страница

Соблазн уместить все услуги на одной странице «Услуги» понятен: так быстрее и короче. Но посетителю, который ищет именно нейминг или именно лендинг, нужен ответ на конкретный вопрос: что входит, как проходит, сколько стоит, какие есть примеры. Отдельная страница даёт этот ответ и заодно может попасть в поиск по своему запросу.

На нашем сайте так и устроено: у брендинга есть отдельные страницы про фирменный стиль, брендбук и нейминг, у сайтов — про корпоративные, лендинги и Tilda. Такой же принцип мы применили для глэмпинга Scandi02: у каждого домика на сайте своя страница с описанием, фотографиями интерьера, удобствами и ценами по дням недели. Гость выбирает не «домики вообще», а конкретный.

Кейсы — часть структуры, а не галерея

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

Когда структура определяется не шаблоном, а материалом

Типовой набор разделов подходит не всем. Для визит-центра «Тура-хан» при Евразийском музее мы строили структуру от содержания: разделы «Мавзолей», «Научные исследования», «Проект музея», «Новости» и «Контакты», на главной — якорные блоки про пешеходную тропу, зал экспозиций и зоны отдыха. На каждой странице в шапке переключатель трёх языков и версия для слабовидящих. Ничего из этого нельзя было взять из «стандартной структуры»: она выросла из того, что нужно показать и для кого. Подробности — в кейсе.

Что должно быть на главной

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

На нашей главной после первого экрана идут цифры — 11 лет опыта команды, клиенты в 7 странах, более 500 проектов, — затем блок с услугами и кейсы.

Каркас страницы услуги

1. что это и для кого
2. что входит в услугу
3. как проходит работа
4. примеры: кейсы
5. цены или ориентиры
6. ответы на вопросы
7. форма заявки

По такому каркасу устроены и наши страницы услуг: с составом, процессом, примерами и вопросами.

Меню: не больше, чем нужно

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

Адреса и внутренние ссылки

Про поиск стоит подумать до дизайна. Адреса страниц должны быть короткими и понятными, например /branding/firmennyy-stil/, а не набором цифр. На каждой странице — один главный заголовок. Между услугами, кейсами и статьями нужны ссылки: человек, прочитавший про фирменный стиль, должен одним кликом попасть в кейс и на страницу услуги.

Зачем прототип до дизайна

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

Как проверить структуру самому

1. Покажите главную незнакомому человеку на пять секунд и спросите, чем занимается компания. Если не ответил, дело в первом экране.
2. Попросите найти цену или контакты. Если ушло больше двух-трёх кликов, важное спрятано слишком глубоко.
3. Пройдите по меню и для каждого раздела спросите: на какой вопрос клиента он отвечает? Если ни на какой — уберите или объедините.

Если сайт уже есть, а заявок мало

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

Если ещё выбираете формат сайта, прочитайте, чем лендинг отличается от корпоративного сайта. А как структура вписывается в весь процесс разработки — в статье про этапы разработки сайта.