Алюминиевая Ассоциация.
Портал и личный кабинет

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

UX/UI дизайн

Frontend

Backend

2025

Личные кабинеты

Алюминиевая ассоциация — некоммерческая организация, созданная при поддержке Минпромторга и ОК «Русал», одного из крупнейших производителей алюминия в мире. Это профессиональное сообщество, объединяющее участников алюминиевой отрасли: производителей, поставщиков, потребителей и научные центры.

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

В отрасли это называют «алюминизацией» — когда материал активно внедряется в новые сферы: от строительства и транспорта до архитектуры и городской инфраструктуры.

Ключевая задача Алюминиевой ассоциации — повысить потребление алюминия внутри страны.

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

Раньше цифровая экосистема Ассоциации была раздроблена: отдельно существовали сайт ТК-099 и издание «Алюминиевый вестник». Основной ресурс работал как витрина: компания вступала в сообщество, её данные размещали — и на этом всё.

Обновить контакты, добавить новости или рассказать о проектах можно было только через обращение в Ассоциацию.

Из-за отсутствия личных кабинетов и невозможности самостоятельного редактирования информация быстро устаревала, а участники не могли продвигать себя и свои разработки.

Другие проблемы старой версии:

•

неудобное меню и запутанная навигация;

•

устаревший дизайн и слабая адаптация под мобильные устройства;

•

негибкий шаблон и отсутствие поддержки мультиязычности.

Чтобы упростить работу с контентом, мы внедрили ролевую модель, которая распределяет права и зоны ответственности между участниками.

•

Администратор сайта ЛК — управляет пользователями, модерирует новости, отчёты и заявки.

•

Администратор компании — представитель организации-члена Ассоциации; может редактировать профиль компании, добавлять сотрудников, публиковать новости, мероприятия и материалы.

•

Сотрудник компании — создаёт и редактирует контент, работает с заявками и отчётами.

•

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

•

Неавторизованный пользователь (гость) — видит только открытые разделы сайта.

•

Контент-менеджер — отвечает за наполнение портала и проверку материалов через административную панель.

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

Когда участник добавляет компанию, новость или мероприятие, он выбирает параметры из готовых списков. Это обеспечивает единообразие данных, предотвращает дублирование и позволяет формировать точные фильтры и аналитические выборки.

Редактирование справочников доступно через панель администратора.

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

Структура страницы выстроена от общего к частному: сверху — новости и ключевые события отрасли, ниже — сервисы Ассоциации и карточки участников.

Мы отказались от сложных вложенных меню и сделали плоскую, предсказуемую навигацию — каждый пункт легко найти, а путь к нужному действию занимает 2−3 клика.

Основа интерфейса — модульные карточки, повторяющиеся в разных разделах: новостях, проектах, компаниях и сервисах. Для карточек компаний дополнительно введена цветовая и иконографическая система, которая помогает различать типы участников (производители, поставщики, трейдеры и др.).

01

Функциональность нового портала

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

Умный поиск помогает быстро находить нужные разделы и материалы. Администратор может сам добавлять подсказки и популярные запросы — например, по мероприятиям или проектам, которые сейчас важно продвигать.

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

02

03

В профиле компании есть описание деятельности, выпускаемая продукция, документы, контакты и данные о руководстве.

У компаний-участников есть кнопки для быстрого контакта — им можно сразу написать, позвонить, отправить заявку.

04

05

Есть кнопки с призывом вступить в Ассоциацию. Отдельные CTA-кнопки ведут к разделу партнёрства, чтобы привлекать компании к сотрудничеству и расширять сеть партнёров.

06

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

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

07

08

Есть раздел с проектами и материалами, доступными только участникам Ассоциации (внешние пользователи их не видят). Здесь можно делиться своими инициативами и находить партнёров в отрасли.

Предусмотрен пресс-центр с удобной навигацией: новости Ассоциации и её участников, публикации в СМИ, вестник, фото, видео и пресс-кит. В каждом разделе есть поиск и фильтры.

09

10

Интерактивная карта алюминиевой отрасли с фильтрами показывает масштаб рынка и помогает находить нужные компании по регионам.

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

11

12

Аналитика — раздел с закрытыми исследованиями и отчётами, которые помогают принимать важные решения в отрасли. Доступ к ним получают только участники Ассоциации — это один из поводов присоединиться.

13

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

14

01

Функциональность личного кабинета

Участники могут самостоятельно редактировать профиль своей компании, а также вести производственный профиль — раздел о выпускаемой продукции.

Участники могут публиковать новости, события и отчёты из личного кабинета и без участия команды Ассоциации. Администраторам остается только модерировать публикации.

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

02

03

Пользователи могут управлять подписками в своём профиле. Доступны разные виды рассылок: новости «Вестника», анонсы мероприятий, мониторинг СМИ и другие.

История и управление заявками в компании.

04

05

История заявок на вступление в Ассоциацию и управление ими.

06

Сервис «Проверка контрагента» для снижения рисков и ускорения принятия решений при выборе подрядчика/партнёра.

07

Календарь дней рождения ключевых лиц отрасли.

08

Настройки для актуализации данных.

Запланировано создание специализированного раздела для размещения объявлений. Его цель — упростить и ускорить процесс взаимодействия между пользователями по таким направлениям, как подряд, купля-продажа оборудования и бизнес-кооперация.

09

10

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

Чтобы ускорить и упростить процесс обновлений, мы внедрили практику непрерывной интеграции (CI/CD).

Архитектура проекта

Экосистема создана на базе CMS 1С-Битрикс. Состоит из трёх частей:

Публичная часть — CMS 1С-Битрикс, Twig, Tilda.

Личный кабинет компаний и администратора разработан на Vue. js и работает как полноценное веб-приложение. Обмен данными происходит через REST API, а модерация материалов — через модуль «Документооборот».

01

02

Административная часть включает две роли администрирования контента — контент-менеджер и администратор сайта.

03

Больше не нужно искать данные по десяткам вкладок, спрашивать контакты у коллег или собирать документацию вручную.

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

Кроме того, сегодня платформа — источник достоверных данных, на который можно ссылаться в СМИ и использовать в аналитике.