Сайт компании и 3D-интерактив
КОНФОРМАНС
Сайт для инженерной компании: сложную экспертизу, направления работы и оборудование собрали в ясную цифровую систему.
Инженерия точных решений
Смотреть сайтСложную экспертизу — в ясную цифровую систему
Компания работает с измерительными и испытательными комплексами для разных отраслей. Сайт должен был показать широту компетенций без перегруза — последовательно, точно и на одном визуальном языке.
Структура ведёт от компании к направлениям, объектам и актуальным материалам.
Визуальный языкГрафика и типографика создают ощущение точности, технологичности и масштаба.
Одна логика для разных отраслей
Направления собраны в единую навигационную систему. Она помогает быстро считать контекст задачи и увидеть, где опыт компании применим на практике.
Объём как способ объяснить инженерную работу
Пять направлений — пять настоящих 3D-моделей. Для каждой настроили ракурс, свет и матовую поверхность: крупные инженерные плоскости остаются ровными, скругления сохраняют мягкое освещение, а микрофактура делает объекты предметными.
Модели меняются вместе с направлениями работы, разворачиваются при появлении и реагируют на курсор. В видео показана работа всех пяти объектов в настоящем интерфейсе сайта.
Сложный интерактив — без постоянной нагрузки
Сцену собрали на одном canvas: при переключении предыдущая модель освобождается из памяти. Отрисовка идёт только во время появления и взаимодействия; вне экрана GPU не выполняет лишнюю работу.
Meshopt-сжатие геометрии, отдельные облегчённые модели для телефона и загрузка выбранного объекта по запросу.
Целый сайтРусская и английская версии, новости и архив, адаптивная навигация и единая система переходов между экранами.
Инженерный сайт, который говорит на языке технологии — понятно, живо и без визуального шума.
От первого экрана до деталей интерфейса цифровая система объединяет содержание, фирменную графику, анимацию и адаптивный сценарий.