Сайт производителя гибкой упаковки «Пакетти Групп»

Главное о кейсе

«Пакетти Групп» с 2001 года производит гибкую упаковку для пищевых продуктов и непродовольственных товаров: от колбасы до бытовой химии. У компании собственный завод полного цикла и более 400 заказчиков из России, Казахстана и Беларуси.

Компания росла, и прежний сайт перестал отражать масштаб производства и технологии, которые применяет «Пакетти Групп».

Мы сделали корпоративный сайт, который отражает преимущества компании и помогает закупщику определиться с товаром:
— на главном экране бесконечно работает станок, протягивающий плёнку через весь экран;
— каталог собран по отраслям закупщика: мясо, сыр, заморозка и ещё 10 направлений;
— для каждого направления отрисовали уникальную 3D-упаковку;
— создали отдельные информационные блоки и разделы под цикл производства, слои плёнки и качество упаковки.

Как проект изменил жизнь пользователей

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

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

Прежний сайт не показывал, что за «Пакетти Групп» стоит собственный завод и широкая линейка упаковки для самых разных товаров.

Теперь на сайте каждый участник закупки находит своё:
— снабженец ищет упаковку по своему продукту, а не по типу плёнки, и сразу попадает в нужное направление;
— технолог разворачивает рулон на девять слоёв и видит структуру, эффекты и свойства каждой плёнки;
— руководитель по этапам производства, системе качества и карте поставок понимает, что компания справится с объёмом и произведет упаковку, соответствующую регламентам компании.

Карточки смежных направлений внизу страницы продукта помогают закупщику закрыть несколько позиций за один раз.

Бизнес-задача и ее решение

Задача
«Пакетти Групп» нужен был корпоративный сайт, который наглядно представит высокотехнологичную продукцию и приведёт закупщиков к обращению. Компания делает упаковку под конкретный продукт клиента, поэтому обычная товарная витрина здесь не подходила: на первый план выходят технологии и инженерная экспертиза.

Требования:
— каталог на языке закупщика: по категориям его продукта;
— доверие к производителю: показать собственный завод и реальные мощности;
— наглядная подача сложного продукта;
— техническая основа для SEO по профильным запросам.

Решение
Перед стартом аналитики изучили рынок, сайты игроков отрасли и провели кастдевы с командой клиента. Каталог построили по типам продукции, которые чаще всего ищут технологи и менеджеры, а главным преимуществом сделали само производство: цех, оборудование, контроль качества. Сайт подготовлен к продвижению, и теперь команда заказчика наполняет его самостоятельно.

Крафт (мастерство), реализация, технические детали

Плёнка как главный герой интерфейса
Плёнка — один из главных материалов для создания упаковки. Она выразительна за счет своей прозрачной и тянущейся фактуры, чем мы вдохновились и решили воспользоваться.
На главном экране станок протягивает плёнку через весь экран — вместе со скроллом это создает ощущение, что пользователь находится прямо на производстве. При этом часть интерфейса заведена прямо под плёнку, создавая реалистичный эффект размытости.

3D-упаковка для каждого направления
Наши дизайнеры «фасовали» разные продукты, чтобы презентовать каталог. Для мяса, сыра, творога, снэков и десятка других направлений отрисовали уникальную 3D-упаковку.
Мы ушли и от плоских картинок, и от чистого фотореализма: объём и фактура есть, но видно, что это аккуратная 3D-графика. На странице продукта 3D-модель плавно поворачивается вокруг своей оси, а справа размещены колонки с характеристиками для технологов: структура, эффекты, свойства.

Производство в интерактиве
Этапы полного цикла, от печатных форм и флексопечати до экструзии, ламинации и резки, показаны шарами, которые можно двигать. При каждом перемещении они пересобираются по-новому вокруг центрального круга, качества.

Девять слоёв плёнки
Рулон на экране разворачивается веером на девять слоёв. При наведении каждый слой показывает своё свойство. Это помогает в интерактивном формате показать прочность, влагоустойчивость и гигиеничность упаковки «Пакетти Групп».

Фирменный стиль
Создали дизайн-систему для цифровых и офлайн-носителей (шрифт, цвет, сетка, библиотека компонентов) и новый логотип: монограмму «PG» и «ПГ».

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Сначала мы отобразили этапы производства привычной цепочкой. На проектировании выяснилось, что у клиента они идут нелинейно: под каждый продукт своя последовательность. Поэтому мы выстроили этапы работы кругом вокруг качества, через которое проходит вся плёнка.

Плёнка стала основой сайта: её прозрачность и блики работают на образ технологичного производителя и создают прямую ассоциацию с упаковкой.

Процессы и материалы показаны через анимацию и схемы: закупщик видит уровень производства, но секреты самих материалов остаются у клиента. Так мы показываем технологичность, но не раскрываем собственные ноу-хау клиента.

Текущая доступность работы

Сайт работает и доступен по ссылке

Скриншоты

Комментарий заказчика

Сайт нам нужен был как поддержка бренда. Прежняя версия уже не отражала масштаб «Пакетти Групп», наш производственный цикл и широту продуктового портфеля. Когда у клиента меняется закупщик или появляется новая задача по упаковке, он первым делом заходит на сайт понять, с кем имеет дело.

Команда Атвинты работала дружно и оперативно, все обсуждали вместе, каждый вносил свой вклад. Концепция получилась хорошая, результатом мы довольны. Ожидания полностью совпали — на сайт смотреть интересно.