Корпоративный сайт для производителя гибкой упаковки
Атвинта — статьи и проекты ·
Презентовали технологичное производство через 3D-анимацию и интерактивы
«Пакетти Групп» — производитель гибкой упаковки для пищевой промышленности и смежных отраслей. Компания работает с 2001 года и выпускает продукцию на собственном производстве полного цикла. Среди заказчиков — более 400 компаний из России, Казахстана и Беларуси: мясоперерабатывающие и молочные предприятия, производители замороженных продуктов, кормов и бытовой химии.
Заказчик обратился к нам за разработкой корпоративного сайта. По мере роста компании и расширения продуктового портфеля прежняя версия сайта перестала в полной мере отражать масштаб производства, технологические возможности и экспертизу «Пакетти Групп».
В B2B-сегменте гибкой упаковки решение о сотрудничестве часто принимается после личных переговоров, выставок и прямых контактов. Закупщик услышал о компании и хочет убедиться, что перед ним серьезный и надежный производитель. «Пакетти Групп» делает упаковку под индивидуальную задачу и конкретный продукт, поэтому обычная товарная витрина здесь не подойдет. На первый план выходят технологии и инженерная экспертиза.
Цель проекта: создать корпоративный сайт, который наглядно представит высокотехнологичную продукцию «Пакетти Групп» и приведет закупщиков к обращению.
Задачи:
Узнайте, когда пора обновлять веб-сайт
Мы разработали корпоративный сайт для «Пакетти Групп» — он презентует производство и продукцию компании.
Перед стартом изучили прежнюю версию сайта клиента, рынок и отраслевую среду — производителей упаковки и компании из смежных отраслей. Наши аналитики спроектировали структуру каталога и навигацию под задачи бизнеса.
Что сделали:
Кейс: разработка корпоративного сайта для проектного института в угольной промышленности
Наши аналитики изучили, как выбирают поставщика гибкой упаковки. Заказы идут с пищевых и непищевых производств России и стран ЕАЭС. Решение принимают сразу несколько человек — технолог, снабженец и руководитель. Такой клиент выбирает долго и сам изучает поставщика, поэтому первое впечатление о компании он составляет по сайту.
Чтобы понять, что работает в отрасли, мы разобрали сайты игроков рынка, провели кастдевы с командой «Пакетти Групп» о производстве и собрали отраслевые тренды. Из этих наблюдений и сложилась структура будущего сайта.
При проектировании структуры мы учитывали логику B2B-закупщика: клиент чаще всего ищет упаковку под конкретный продукт или отрасль — мясо, сыр, заморозку, снеки и другие направления. Эту логику и взяли за основу каталога.
Также для B2B главный аргумент — само производство: когда на сайте видно цех, оборудование и контроль качества, клиент понимает, что компания делает упаковку сама. Сильная сторона «Пакетти Групп» — разработка под конкретный продукт. Этот процесс мы тоже отразили на сайте, показав охват поставок на карте регионов.
Заказать услуги аналитики в Атвинте
Все выводы свели в навигационную карту сайта, чтобы показать ключевые разделы.
По карте собрали прототипы страниц и выстроили логику для каждого раздела сайта.
Мы сформировали для сайта «Пакетти Групп» визуальный стиль: просторные светлые экраны с оранжевым акцентом и сквозным мотивом изготовления пленки. Все правила свели в единый UI kit , в который вошли шрифт, цвет, сетка и библиотека компонентов. Каждый новый экран собирается из готовых блоков и смотрится частью одного целого.
Наша команда дизайнеров создала несколько концепций и пришла к главной идее — показать сам материал — пленку, поэтому она и стала основой сайта. Так компания выглядит серьезным партнером, поэтому закупщику проще сделать к ней первый шаг.
Алексей Нибо; Дизайн-директор в Атвинте
https://player.vimeo.com/video/1206716377
Тот же мотив пленки и фоновую графику мы использовали на всех страницах. Например, карточки разложили мозаикой разного размера, часть из них сделали полупрозрачными, как и сама пленка.
Также мы работали над новым логотипом — монограммой в латинском и русском начертании, «PG» и «ПГ».
Готовый знак и оранжевый акцент мы перенесли на все носители — от кнопок и ссылок на сайте до фирменной упаковки. Оставалось решить, насколько ярким делать сам акцент.
Ирина Жукова; Ведущий дизайнер в Атвинте
Кейс: имиджевый сайт архитектурного бюро с интерактивными 3D-моделями
«Пакетти Групп» выпускает упаковку для тринадцати направлений — мясо, сыры, заморозка, бытовая химия, готовые пакеты и другие. Весь этот объем мы поделили по трем зонам в выпадающем меню, а SKIN-упаковку (одно из высокотехнологичных направлений компаний, где пленка плотно облегает продукт) вынесли в промо-карточку. Закупщик сразу видит, какое производство стоит за этим ассортиментом.
На странице продукта мы показываем упаковку с разных сторон — как она выглядит и из чего состоит. Слева можно посмотреть на 3D-модель с фирменными элементами, а справа собраны характеристики пленки по трем колонкам: структура, эффекты и свойства. Последние описывают особенности упаковки — например, защиту от влаги, стойкость к заморозке и возможность поддерживать заявленный срок хранения продукта. Характеристики даже сложной многослойной пленки покупатель понимает без специальных знаний.
Внизу страницы мы повторяем блок продукции — карточки других направлений в виде мозаики. При переключении они увеличиваются и подсвечиваются. Так закупщик с одной упаковки сразу видит смежные и может закрыть несколько позиций за один заход.
Для каждого направления мы отрисовали уникальную 3D-упаковку — для мяса, сыра, творога, снэков и десятка других.
Ирина Жукова; Ведущий дизайнер в Атвинте
Изучите наш гайд по созданию 3D-графики для архитектурного бюро
Производство «Пакетти Групп» работает полным циклом — от печатных форм и флексопечати до экструзии, ламинации, резки и изготовления готовых пакетов. Чтобы показать его, мы собрали интерактив на главной и показали этапы в виде шаров, которые можно двигать. При каждом перемещении они пересобираются по-новому.
Ирина Жукова; Ведущий дизайнер в Атвинте
https://player.vimeo.com/video/1206719285
Этот цикл подкрепили реальными кадрами с производства и на отдельной странице показали особенности процесса. При наведении на карточку открывается описание этапа.
https://player.vimeo.com/video/1206719669
Пленку мы показали как высокотехнологичный материал. Рулон на экране разворачивается веером на девять слоев, а при наведении каждый слой показывает свое уникальное свойство. Технолог сразу поймет структуру и назначение каждого элемента.
Систему контроля качества показали на сайте через наглядные карточки с ключевыми этапами и принципами проверки. Такой формат помогает закупщику понять, что качество встроено в производственный процесс и контролируется на разных стадиях.
Мы также собрали интерактивную карту поставок. От Подольска по карте расходятся линии к десяткам городов России, Беларуси и Казахстана — в крупные промышленные кластеры. За линиями на карте стоит эффективная логистика. Компания уже доставляет упаковку по всему рынку ЕАЭС, поэтому закупщик уверен, что производитель справится с нужным объемом и привезет к нему товар.
В раздел «О компании» собрали историю и масштаб клиента. Таймлайн отмечает ключевые годы от старта в 2001 году до развития высокотехнологичных направлений, включая SKIN-пленку собственного производства. Рядом мы разместили блок преимуществ, принципы работы и фотографии руководства. Закупщику, который проверяет поставщика, такая страница отвечает на главные вопросы о компании.
Команда «Пакетти Групп»
Мы разработали корпоративный сайт для «Пакетти Групп», который наглядно представляет сложную продукцию и помогает закупщику перейти к обращению при релевантной задаче. Каталог и 3D-визуализации делают продукцию понятной, а интерактивы производства и качества работают на доверие.
Итоги: