Юнайтед Панел Груп
«Юнайтед Панел Груп» с 1999 года делает из сочных русских березок МДФ и фанеру. Компания покорила рынок уникальностью — фанеру таких форматов больше никто в России не производит. А недавно у компании появился необычный сайт с анимацией, 3D-моделями и слоном-лесорубом.
Юнайтед Панел Груп

«Юнайтед Панел Груп» с 1999 года делает из сочных русских березок МДФ и фанеру. Компания покорила рынок уникальностью — фанеру таких форматов больше никто в России не производит. А недавно у компании появился необычный сайт с анимацией, 3D-моделями и слоном-лесорубом.

Результат Процесс

Задачи

  • Сделать современный и удобный сайт.
  • Разработать сайт, который поможет пользователю понять, чем отличаются сорта фанеры и какой подойдет именно ему.
  • Наглядно показать сферы применения МДФ (древесных плит) и фанеры, доступно представить информацию о них, дать информацию о возможных дефектах и т. д.

Решение

<p><b>Заказчик просмотрел сотни сайтов и отобрал фишки, которые хотел видеть на своём.</b></p><p>Больше всего ему понравилось нестандартное меню, которое мы поместили на второстепенные страницы. Экран там делится на три части и та, на которую наведен курсор, расширяется и подсвечивается, раздвигая соседние.</p>


<p><b>Ненавязчивая анимация вписана в иконки, показывает процесс производства фанеры, зажигает <nobr>страны-покупатели</nobr> на карте.</b></p>
<p><b>Изображение продукции</b></p><p>Мы сделали на canvas трехмерную формулу и на ее основе собрали интересную штуку для «Юнайтед Панел Груп»: теперь заказчик может загрузить четыре изображения (лицевую сторону фанеры, заднюю и торцы) и получается иллюзия <nobr>3D-модельки</nobr>.</p>
<p><b>Много информации мы аккуратно уложили и заставили работать в разделе «Логистика».</b></p><p>Раздел получился сложным, хотя существует всего три вида доставки для трех видов товара. Но все усложняется тем, что у каждого товара есть куча форматов, и у каждого формата могут быть свои толщины. Пришлось постараться, чтобы объединить эту информацию в одной наглядной и понятной таблице.</p>

<p><b>Где купить</b></p><p>Пользователь легко может найти ближайшую точку продаж.</p>

Результат

Результатом стал необычный сайт с анимацией и 3D-модельками продукции. Рекомендуем посмотреть с десктопа, так как от адаптива заказчик отказался :)

Готовый сайт:

www.upgweb.ru