Корпоративный сайт АО «АЭМ-технологии» с 3D-презентацией

1. Вводная задача от заказчика, проблематика, цели

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

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

Цели и задачи проекта:

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Команда ARTW разработала сайт с интерактивной 3D-презентацией и анимацией, сделав акцент на современном и лаконичном дизайне, подчеркивающем технологичность компании.

Этап 1. Погружение в отрасль

• Для обеспечения точности и реалистичности специалисты ARTW выезжали на производственные площадки. Клиент проводил подробные обучающие лекции, объясняя, как устроено оборудование и производство, что позволило создать максимально достоверное представление процессов. Провели глубокий анализ и многочисленные интервью с инженерами и технологами «АЭМ-технологии» для понимания специфики оборудования.

Этап 2. Дизайн

• Создали дизайн-систему с акцентом на интерактивность, минимализм и наглядность подачи данных.
• Использовали фирменную стилистику и цвета «Росатома», дополнив их элементами технических схем и наглядной графикой.
• Сформировали библиотеку UI-компонентов и элементов фирменного стиля.

Этап 3. Пользовательские сценарии

• Создание отдельных сценариев по задачам ключевых категорий посетителей сайта:
• Инженеры: глубокое погружение в технические детали через интерактивные схемы и наглядные разрезы оборудования.
• Партнёры: 3D-визуализация поставок оборудования по 80 международным направлениям на интерактивной модели Земли.
• HR-аудитория: раздел «Карьера» с символичными абстрактными анимациями и иконками, отражающими инновационный подход компании.

Этап 4. 3D-визуализация и технологии

• Разработали более 50 высокореалистичных 3D-моделей продукции, включая реакторы, парогенераторы и трубопроводную арматуру.
• Реализовали интерактивные сцены: виртуальные туры на производства, вращение и детальный просмотр оборудования на 360° с выделением отдельных узлов, анимация сборочных операций в реальном времени.
• Внедрили интерактивный глобус, демонстрирующий все маршруты поставок оборудования.
• Оптимизировали 3D-модели и настроили WebGL (с использованием Three.js и ручной обработки моделей в Blender), что позволило сохранить плавность работы даже на мобильных устройствах.

3. Результаты сотрудничества

На разработку сайта были затрачены тысячи часов различных специалистов — 3D-моделлеров, моушн и графических дизайнеров, фронтенд-разработчиков, системных архитекторов, тестировщиков. Выбраны технологии браузерного WebGL, использованы библиотека Three.js и мануальная оптимизация моделей в Blender для баланса детализации 3D-объектов и интерактивности.

Ключевые достижения:

• Спроектировали и запустили новый сайт, который превратил сложные технические процессы в увлекательный цифровой опыт, используя 3D-технологии на уровне игровой индустрии.
• Каждый элемент дизайна решает конкретную бизнес-ориентированную задачу клиента.
• Дизайн-система адаптирована под все суббренды «Росатома» и имеет потенциал к масштабированию, что ускоряет интеграцию новых продуктов.
• Реализовано 12 интерактивных сценариев, включая виртуальные экскурсии и конструктор поставок.

4. Заключение

Новый сайт «АЭМ-технологии» превратился в интерактивную проекцию производственного процесса оборудования для атомной энергетики, превзойдя стандартные представления о корпоративных сайтах промышленных компаний. Он стал практически виртуальным окном в компанию, где каждый может пройтись по заводу, увидеть, как устроено производство, и рассмотреть каждое оборудование в деталях.

Проект АО «АЭМ-технологии» с 3D-презентацией на Dprofile

Проект ARTW вошел в число победителей IV сезона конкурса Perspectum Awards