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