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

Когда работаешь с заказчиком, у которого пользователи — проектировщики небоскреба Бурдж Халифа или расчетчики парящего моста в столичном парке «Зарядье», хочется выкрутить бегунок креативности за пределы пользовательских ожиданий и реализовать на сайте что-то ну очень классное.

Поскольку ПО от MIDAS IT позволяет просчитывать, анализировать и создавать совершенно невероятные вещи, нам на брейншторме пришла идея визуализировать работу в программах по проектированию и отразить масштаб реализуемых с их помощью проектов. Для этого дизайнер проекта засел в MAXON Cinema 4D, чтобы отрисовать реальные созданные объекты, анимировать их построение и добавить к ним характерное цветовое кодирование: при работе в ПО проекты обычно окрашиваются, как тепловая карта.

При выборе моделируемых объектов мы учитывали несколько критериев:

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

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

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

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

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

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

Также мы создали яркую 3D-модель для страницы 404:

MIDAS предлагает клиентам три готовых программных продукта:

• midas GTS NX — ПО для ускоренного моделирования и точных геотехнических расчетов с минимальными издержками на реализацию проекта;
  
• midas Civil — ПО для создания безопасных и впечатляющих мостов, которое умеет моделировать, проводить расчетный анализ и проверку на соответствие требованиям и нормативным документам;
  
• midas FEA NX — ПО для продвинутых инженеров.

Для каждого из решений мы подготовили детальную страницу, где поэтапно рассказали о возможностях:

• Показали, что умеет ПО на визуальных примерах разных моделируемых объектов.
  
• Отразили преимущества для заказчика и привели список возможных областей для применения. Всё — в лаконичном дизайне c галереями с современным горизонтальным скроллом.
  
• Расписали возможности с помощью скриншотов — так пользователь в итоге приобретает не кота в мешке, а ПО, функционал которого ему действительно нужен.
  
• Добавили несколько кнопок для заказа демо-версии, чтобы не приходилось ради этого перелистывать наверх.
  

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

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

Блок с вебинарами мы реализовали в виде афиши с календарной сеткой. Остальные материалы — аккуратно причесали и разместили на вкладках.