Главная » Блоги Экспертов И ИТ-Компаний » Проект «Юнайтед Панел Груп» — необычный сайт производителя фанеры
Делать проекты так, чтобы ими гордиться! 9 лет назад

Проект «Юнайтед Панел Груп» — необычный сайт производителя фанеры

Для крупного производителя фанеры и МДФ команда scrum-студии Сибирикс сделала сайт с анимацией, 3D-моделями продукции и слоном-лесорубом.

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

Задачи

На смену устаревшему, пропитанному духом нулевых сайту «Юнайтед Панел Груп» мы должны были сделали новый, который:

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

Дизайн

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

От этой фишки и отталкивались дизайнеры.

На главной странице мы поигрались с этой структурой и изменили ее. В итоге главную можно листать, как страницы книги. Разделы переходят из правой части экрана в левую. Все плавно, симпатично.

Ненавязчивая анимация вписана в иконки, показывает процесс производства фанеры, зажигает страны-покупатели на карте.

Разработка

Изображение продукции — момент, который стоит расписать отдельно. Заказчик сразу был против банальной фотографии. Но хотел космос: 3D-модель с увеличением, вращением, пометками, прочими заморочками. Это реально, но долго и дорого.

Мы сделали на canvas трехмерную формулу и на ее основе собрали интересную штуку для «Юнайтед Панел Груп»: теперь заказчик может загрузить четыре изображения (лицевую сторону фанеры, заднюю и торцы) и получается иллюзия 3D-модельки.

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

Также много информации, которую мы аккуратно уложили и заставили работать, в разделе «Логистика». Раздел получился сложным, хотя существует всего три вида доставки для трех видов товара. Но все усложняется тем, что у каждого товара есть куча форматов, и у каждого формата могут быть свои толщины. Пришлось постараться, чтобы объединить эту информацию в одной наглядной и понятной таблице.

Так у нас получился нескучный сайт для крупного производства — продолжаем разрушать стереотип, что суровые ребята не дружат с креативом. Еще как дружат, им просто нужна подходящая компания :)

 

Готовый проект: https://www.upgweb.ru/.

Подробнее о процессе разработки читайте в блоге scrum-студии «Сибирикс» — https://blog.sibirix.ru/2017/06/26/upg/.


Данный материал является частной записью члена сообщества Club.CNews.
Редакция CNews не несет ответственности за его содержание.
3 года назад | категории: Интернет: E-commerce
Комментарии
Другие публикации
RU, Барнаул
веб-разработчик
Информационные технологии

Мы 10 лет на рынке информационных услуг. За это время из маленькой студии выросли в интернет-агентство, численностью более 35 сотрудников. У нас есть представительства в Москве и Лондоне. Мы активно сотрудничаем с такими известными клиентами как Cisco, Adobe, Nissan, Газпром и другими. За нашими плечами несколько сотен проектов, которыми мы гордимся и часть из них представлена в нашем портфолио.

Забегайте в гости: www.sibirix.ru




Забыл пароль?
Авторизоваться через
Зарегистрируйся сейчас!
Присоединяйся к нашему обществу для того чтобы познакомиться с новыми людьми, создать собственный блог, публиковать анонсы событий и объявления, а также участвовать в обсуждении публикаций CNews. Мы создали единое пространство для общения специалистов рынка информационных технологий и всех, кто интересуется современными технологиями. Регистрация =>