Содержание
Дизайн корпоративных сайтов отличается от дизайна небольших проектов масштабом: страниц сотни, у разделов разные владельцы, а сайт живёт годами. Поэтому результат работы — не только красивая главная, но и правила, по которым сайт будет расти.
Навигация словами клиентов
До макетов разбираем, кто приходит на сайт, с какой задачей и где ищет ответ. Названия отделов в меню заменяем словами посетителей, а редкие разделы переносим в подвал. Хорошая проверка — попросить человека не из компании найти вакансию, реквизиты и контакт пресс-службы. Если он справился без подсказок, навигация работает. Поле поиска держим в шапке, а результаты делим по типам: страницы, новости, документы.
Несколько брендов в одной системе
У группы компаний часто несколько направлений или брендов, и каждое просит сайт в своём стиле. Отдельные стили быстро расходятся: у каждого сайта появляются свои кнопки, формы и правила. Надёжнее одна дизайн-система с темами — компоненты общие, а цвета, шрифты и характер фото у каждого направления свои. Тогда дизайн корпоративного сайта для нового бренда собирают из готовых деталей, а исправленный компонент обновляется во всех макетах сразу.
Таблицы, графики и документы
У крупной компании много материалов, которые обычно оформляют как придётся: отчёты, прайс-листы, итоги закупок, презентации для инвесторов. Для них рисуем отдельные компоненты — таблицу с закреплённой шапкой и прокруткой на телефоне, график в фирменных цветах с подписями, список файлов с форматом, размером и датой. В портфолио такие детали попадают редко, но именно с ними работают партнёры и журналисты.
Как система живёт после запуска
Корпоративный сайт постоянно дополняют: новые продукты, акции, разделы для инвесторов. Библиотеку компонентов в Figma публикуют для команды, и каждый новый макет берёт детали из неё. Страница, собранная из общих деталей, выглядит частью сайта, даже если её делал другой подрядчик.
Для офиса и склада в Екатеринбурге, как и для любого филиала, на странице контактов нужны схема проезда, часы работы и отдельные телефоны — это тоже часть шаблона подразделения.
