Дизайн корпоративного портала для «Техснабэкспорта»: шесть разделов и UI-кит

О клиенте

АО «Техснабэкспорт» (торговая марка TENEX) – внешнеторговая компания госкорпорации «Росатом» и головная организация дивизиона «Сбыт и трейдинг». Компания поставляет продукцию ядерного топливного цикла.

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

Корпоративный портал компании работает на Битрикс24. Новый дизайн мы делали для полной адаптации портала под фирменный стиль «Росатома», а затем переверстали под него весь интерфейс портала.

Задача

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

1. Собрать внутреннюю информацию и сервисы в одном пространстве.
2. Сделать интерфейс простым, чтобы задачи решались быстро, в том числе у новых сотрудников.
3. Полностью адаптировать корпоративный портал на Битрикс24 под существующий фирменный стиль «Росатома».

Как мы работали

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

Работали в Figma, Photoshop и Illustrator. На последнем этапе описали функциональные требования, а затем переверстали интерфейс портала на Битрикс24 под утверждённые макеты.

Структура портала

В корпоративном портале приветственная страница и шесть основных разделов с подразделами: «Главная», «О компании», «Подразделения», «Памятка сотруднику», «Стандарты общества» и «Библиотека». Они всегда на виду в левом меню. Служебные пункты (задачи и проекты, внутренние сервисы, лицензии, инкубатор идей, корпоративные события, кадровый учёт) собраны во второй части меню, которую можно свернуть.

Приветственная страница

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

Главная страница

На главную вынесли блоки, к которым сотрудники обращаются чаще всего:

• новости компании и дивизиона;
• сервисы: обращение по вопросам АХО, бронирование переговорной, заказ пропуска и переход ко всем сервисам;
• календарь корпоративных событий;
• дни рождения коллег;
• полезные разделы: справочник сотрудников, медиабанк, опросы, совет молодёжи и другие.

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

Раздел «О компании»

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

Справочники и документы

Самые насыщенные страницы портала связаны с людьми и документами. На них мы сделали фильтры по организациям дивизиона, сортировку и поиск.

• Контактная информация. Офисы сгруппированы по странам: Россия, Швейцария, Япония, Республика Корея, Великобритания, США. У каждой организации свой блок с адресом, телефонами, почтой и сайтом.
• Сотрудники и штатная структура. Таблица с фильтром по организациям и сортировкой по каждому столбцу. Длинное название должности не ломает строку: оно показывается целиком во всплывающей подсказке.
• Документы о бизнес-процессах. Файлы и папки карточками, сортировка по названию, дате изменения и размеру.
• Нормативная база. Фильтр по организациям, сортировка по отраслевым функциям и датам, поиск документа и статус каждого стандарта.

UI-кит

Чтобы новые страницы портала собирались из готовых деталей, мы оформили UI-кит:

• набор иконок для меню и сервисов;
• кнопки и ссылки во всех состояниях;
• карточки файлов (PDF, текст, таблица, папка) с меню «Подробнее», «Скачать», «Скопировать внутреннюю ссылку»;
• карточки видео, календарь и виджет дней рождения.

Результат

Все работы мы выполнили в установленные сроки. Дизайн утвердили, и мы переверстали под него весь корпоративный портал на Битрикс24: стандартный интерфейс получил фирменный стиль «Росатома», понятную навигацию и сервисы для сотрудников. В 2023 году портал заработал и выполняет свои задачи.

Если вашей компании нужен внутренний портал, посмотрите корпоративный портал на базе Битрикс24 и разработку корпоративного портала: спроектируем структуру, прототипы и дизайн под ваши процессы и сверстаем их на портале.