01.09.2020 Интернет, стартапы

Интерактивная проекция: корпоративный сайт в стиле ретровейв

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

Задачи

— Обновить корпоративный сайт, максимально сохранив структуру старого сайта.
— Выделить сайт среди конкурентов.

Решение

В дизайне мы использовали темную тему, анимации вместо видео, параллаксы. Элементы навигации также анимированы и подсвечиваются по ховеру. Меню сайта всегда следует за пользователем, его можно в любой момент «выдвинуть» и «задвинуть», поэтому просмотру контента оно не мешает.

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

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

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

Готовый проект: Interactive Project
Подробнее о процессе разработки читайте в блоге scrum-студии «Сибирикс»