Руслан
Руслан
2 мин. читать
939 показов
298 открытий

Разработка 3Д лендинга для бетонного завода с кастомным скроллом

Хотим поделиться с вами кейсом "Разработка лендинга для бетонного завода". Задача состояла в том, чтобы сделать интересный лендинг для крупного бетонного завода ООО ГИГ МОНОЛИТ МС, который зарекомендовал себя как надежный поставщик бетона на территории Кемерово и теперь вывел отдельное направление поставок продукции в Таштагол (Шерегеш).

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

Мы хотели выехать на место сами и произвести профессиональную съемку, но по факту продажа бетона - это не тот бизнес, который пестрит своей презентабельностью.

А так как мы в команде TVODO просто обожаем 3Д и активноего используем в веб разработке, то нами было предложено сделать 3Д модель завода в схематично стилизованной форме. Также мы захотели отразить всю прелесть тех мест, ведь Шерегеш славится своей природой (красивый горный массив и обилие растительности).

В качестве стиля презентации за небольшим количеством информации было принято решение обыграть все порционной выдачей инфы, разбитой на разделы, которые будут появляться то с одной, то с другой стороны. Для этого пришлось сделать кастомный скролл. который работает по принципу: общий скролл родительского объекта div по достижении определенной позиции внутренних блоков блокирует свой скроллинг и открывает доступ к скроллингу внутреннего объекта. При этом объект камеры на 3Д сцене плавно осуществляет показ определенного места на заводе.

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

Вот такой вот небольшой, но достаточно интересный проект. Сам сайт находится по адресу www.beton-sheregesh.ru

939
0

Подпишитесь на еженедельный
дайджест

Редакция отбирает лучший контент за неделю и отправляет его на вашу почту

Cпасибо за подписку!

Письмо с подтверждением отправлено на адрес . Если вы не можете найти письмо во входящих, проверьте папку спама

Рекомендации

только для зарегистрированных
только для зарегистрированных
Подтвердите действие
Точно?
Сообщение
Текст
Подтвердите действие