Юнайтед Панел Груп
«Юнайтед Панел Груп» с 1999 года делает из сочных русских березок МДФ и фанеру. Компания покорила рынок уникальностью — фанеру таких форматов больше никто в России не производит. А недавно у компании появился необычный сайт с анимацией,
![](https://s29805.cdn.ngenix.net/upload/iblock/yunayted-panel-grup/noroot.png)
Задачи
- Сделать современный и удобный сайт.
- Разработать сайт, который поможет пользователю понять, чем отличаются сорта фанеры и какой подойдет именно ему.
- Наглядно показать сферы применения МДФ (древесных плит) и фанеры, доступно представить информацию о них, дать информацию о возможных дефектах
и т. д.
Решение
![<p><b>Заказчик просмотрел сотни сайтов и отобрал фишки, которые хотел видеть на своём.</b></p><p>Больше всего ему понравилось нестандартное меню, которое мы поместили на второстепенные страницы. Экран там делится на три части и та, на которую наведен курсор, расширяется и подсвечивается, раздвигая соседние.</p>](https://s29805.cdn.ngenix.net/upload/iblock/yunayted-panel-grup/02.gif)
![<p><b>Ненавязчивая анимация вписана в иконки, показывает процесс производства фанеры, зажигает <nobr>страны-покупатели</nobr> на карте.</b></p>](https://s29805.cdn.ngenix.net/upload/iblock/yunayted-panel-grup/03.gif)
![<p><b>Изображение продукции</b></p><p>Мы сделали на canvas трехмерную формулу и на ее основе собрали интересную штуку для «Юнайтед Панел Груп»: теперь заказчик может загрузить четыре изображения (лицевую сторону фанеры, заднюю и торцы) и получается иллюзия <nobr>3D-модельки</nobr>.</p>](https://s29805.cdn.ngenix.net/upload/iblock/yunayted-panel-grup/product_3_2.png)
![<p><b>Много информации мы аккуратно уложили и заставили работать в разделе «Логистика».</b></p><p>Раздел получился сложным, хотя существует всего три вида доставки для трех видов товара. Но все усложняется тем, что у каждого товара есть куча форматов, и у каждого формата могут быть свои толщины. Пришлось постараться, чтобы объединить эту информацию в одной наглядной и понятной таблице.</p>](https://s29805.cdn.ngenix.net/upload/iblock/yunayted-panel-grup/logistics2.jpg)
![<p><b>Где купить</b></p><p>Пользователь легко может найти ближайшую точку продаж.</p>](https://s29805.cdn.ngenix.net/upload/iblock/yunayted-panel-grup/xwhere_to_buy,P202.png.pagespeed.ic.pNtJB0ieuM.jpg)
Результат
Результатом стал необычный сайт с анимацией и