Создание корпоративного сайта КОНФОРМАНС — инженерные услуги и WebGL

Используемые навыки 3D-дизайн JavaScript Веб-разработка Дизайн сайтов Сайт "под ключ"

Описание

КОНФОРМАНС производит контрольно-измерительные комплексы, автоматизирует измерения и выполняет инженерные работы. Мы разработали корпоративный сайт под ключ, который объясняет пять направлений компании и объединяет их с новостями, принципами работы и контактами.

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

Решение

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

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

Для разработки сайта использовали JavaScript, Three.js и WebGL. Модели загружаются в формате glTF; для мобильных устройств предусмотрены облегчённые варианты и состояния загрузки. Адаптивная вёрстка согласована с трёхмерными сценами, чтобы название услуги и управление оставались рядом с объектом.

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

Результат

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

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