Собрали технологичный сайт с 3D-визуализациями для нефтесервисной компании

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

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

Подготовили 3D-визуализации, которые демонстрируют работу оборудования. Это стало ключевым элементом подачи: анимации встроены в страницы и запускаются плавно при прокрутке.

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

Настроили технологический стек под задачи проекта: Next.js — для SSR и гибкости разработки, Three.js и WebGL — для 3D-графики, TypeScript — для стабильности и расширяемости. 

Архитектура

Мы перенесли сайт с Bitrix и GetCourse на WordPress + WooCommerce, объединив магазин, курсы и личный кабинет в одну платформу. Заложили архитектуру, в которой магазин и образовательная часть работают в едином интерфейсе.

Интеграции с 1С и GetCourse

Настроили обмен данными с 1С — для учёта заказов и остатков. Интеграцию с GetCourse реализовали через API: пользователи переходят в обучение без повторной авторизации, а данные по курсам и прогрессу синхронизируются.

Бонусная система

Добавили кэшбэк и бонусы за покупки. Пользователи копят баллы, могут тратить их на оплату новых заказов. Реализовали реферальную механику — за приглашения начисляются баллы.

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

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

Гибкие блоки для контента

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

Обновление дизайна и навигации

Полностью переработали визуальную часть сайта: упростили меню, обновили UI, добавили адаптивную вёрстку.

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