VITA GROUP

ДИЗАЙН

КЕЙС /54 · БУМАЖНАЯ УПАКОВКА, МОСКВА

Брендбук для Vita Group.

Vita Group — производитель бумажной упаковки: крафтовые пакеты с кручёными и плоскими ручками, гофрокороба, обёрточная бумага. Собственное производство в Москве, клиенты — от кафе и магазинов до крупных компаний, которым важна экологичная упаковка. С Vita Group мы уже работали по SEO — растили органический трафик и лиды сайта vitagroup.ru. Следующим шагом стала задача про сам бренд.

РАЗБИРАЕМ РЕАЛЬНЫЙ КЕЙС: ОТ ЗАДАЧИ ДО РЕЗУЛЬТАТА. ПОКАЗЫВАЕМ, КАК МЫ РАБОТАЕМ И КАКИХ РЕЗУЛЬТАТОВ ДОБИВАЕМСЯ

КОМАНДА ПРОЕКТА

  • ВалерияВалерияWEB-ДИЗАЙНЕР
  • НатальяНатальяПРОТОТИПИРОВЩИК
  • АнгелинаАнгелинаПРОДЖЕКТ-МЕНЕДЖЕР

КЛИЕНТ

Vita Group

НИША

Бумажная упаковка, Москва

САЙТ КЛИЕНТА

ЧТО ДЕЛАЛИ

ДИЗАЙН

РЕЗУЛЬТАТ

1 месяц

Вводные

Крафтовый пакет с логотипом Vita Group — разворот брендбука

Vita Group — производитель бумажной упаковки: крафтовые пакеты с кручёными и плоскими ручками, гофрокороба, обёрточная бумага. Собственное производство в Москве, клиенты — от кафе и магазинов до крупных компаний, которым важна экологичная упаковка. С Vita Group мы уже работали по SEO — растили органический трафик и лиды сайта vitagroup.ru. Следующим шагом стала задача про сам бренд.

Что было на входе:

  • продукт, у которого качество — главный аргумент: плотная бумага, честный крафт, натуральные материалы;
  • визуальный стиль, который этому качеству не соответствовал — упаковка, документы, письма и вывески оформлялись каждый раз по-своему;
  • два рынка: российский (ООО «Вита Групп», Москва) и международный (vitagroup.ae), и на обоих бренд должен выглядеть одинаково.

Задача: обновить фирменный стиль и собрать руководство, по которому любой подрядчик — типография, дизайнер, менеджер по продажам — сделает носитель правильно без участия агентства. Сама упаковка здесь важнее, чем обычно: как сказано в брендбуке, это первое физическое касание клиента с брендом.

Как работали

На проект ушёл примерно месяц. Команда — web-дизайнер, прототипировщик и проджект-менеджер. Идея стиля сформулирована одной фразой: бренд должен быть таким же честным, натуральным и современным, как и крафт, из которого сделана упаковка.

Порядок работы:

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

Логотип

Основная горизонтальная версия логотипа Vita Group

Логотип Vita Group — шрифтовое начертание гарнитурой Federo, без графического знака. Весь акцент на ритме букв и геометрии: тонкие, изящные линии символизируют точность производства и лёгкость материала.

У логотипа две версии. Горизонтальная — приоритетная, для 90% носителей: от шапки сайта до лицевой стороны упаковки. Вертикальная — для форматов, где горизонтальная не помещается.

Охранное поле логотипа: половина высоты буквы «х» по горизонтали

Из-за тонких штрихов логотипу нужно чистое пространство вокруг. Охранное поле задали так, чтобы его можно было соблюсти на глаз: в горизонтальной версии — половина высоты логотипа «х», в вертикальной — интерлиньяж «х». Внутрь поля не попадают тексты, объекты и фотографии.

Недопустимое использование логотипа: искажение пропорций, поворот, эффекты, неконтрастный фон

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

Логотип на фотографиях: только на спокойных участках и с тонирующей плашкой

На фотографиях логотип размещается только на «спокойных» участках, свободных от текстур, и обязательно с тонирующей плашкой или затемнением — иначе тонкие линии теряют читаемость.

Типографика

Текстовая иерархия: шесть стилей Graphik LCG от H1 до T3

Основной шрифт — семейство Graphik LCG: современный геометрический гротеск с нейтральным характером и широкой линейкой начертаний от Regular до Bold. Он не перетягивает внимание на себя и оставляет главным акцентом логотип.

Для случаев, когда фирменный шрифт использовать нельзя — бланк, презентация, — допускается Inter. Иерархия описана шестью стилями с кеглем и интерлиньяжем: заголовки H1 80 pt / 110%, H2 60 pt / 105%, H3 40 pt / 100%, текст T1 20 pt / 160%, T2 16 pt / 140%, сноска T3 12 pt / 130%.

Пример текстовой иерархии на карточке товара: заголовок, подзаголовок, текст, сноска, кнопка

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

Цветовая палитра

Основные цвета: тёплый крафт, кофейный трюфель, натуральный лён, графит, серебристая дымка

Палитра вдохновлена природой: тепло земли, текстура натурального камня и спокойствие утренней дымки. Пять цветов — тёплый крафт #BEA082, кофейный трюфель #796251, натуральный лён #ECE8E2, графит #717171 и серебристая дымка #D0D0D1.

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

Сочетания цветов с кодами HEX, RGB, CMYK и Pantone

Для каждого цвета заданы HEX, RGB, CMYK и Pantone — чтобы упаковка из типографии и сайт на экране совпадали. Для основного текста держим контраст 4.5:1, при этом фиксированные цветовые пары допускают мягкие нюансные сочетания там, где не нужна читаемость мелкого текста.

Фотоконтент

Фотографии для контента: бумажные пакеты в естественном свете, натуральные материалы

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

Четыре правила: естественное освещение — только дневной свет; нейтральный фон — акцент на продукте, а не на окружении; тёплая гамма — коричневые, бежевые, природные оттенки; аутентичность — реальные сценарии использования, а не постановочные кадры. И три запрета: искусственное освещение, перегруженные композиции, яркие оттенки. Каждое правило проиллюстрировано парой «можно / нельзя».

Фирменные носители

Визитки Vita Group: тёмная и светлая версии

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

Транспортная коробка и фирменный скотч Vita Group Блокноты в фирменных цветах: графит, крафт, лён

Носители сделаны в двух версиях — для российского рынка с реквизитами ООО «Вита Групп» и для международного с контактами vitagroup.ae. Логотип везде живёт по правилам из первого раздела: контрастный, с охранным полем, на спокойном фоне.

Спецодежда с логотипом Vita Group Вывеска на стеклянной двери проходной с режимом работы

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

Результат

Vita Group получила руководство по фирменному стилю на 34 страницы: логотип в двух версиях с правилами применения, шрифтовую систему, палитру с кодами для печати и экрана, стандарты фотоконтента и макеты фирменных носителей.

Результат: у бренда появился единый визуальный язык от визитки до коробки — любой подрядчик соберёт новый носитель по руководству, и он будет выглядеть как часть бренда.

FAQ

FAQ.

Да, мы предлагаем комплексное продвижение в социальных сетях: разработку стратегии, создание контента, таргетированную рекламу и аналитику результатов.

Мы предоставляем доступ к Trello/Asana, где вы можете видеть все этапы работы. Также проводим регулярные созвоны и отправляем отчёты о проделанной работе.

Да, мы работаем с поэтапной оплатой. Вы платите за каждый завершённый этап работы согласно утверждённому плану.

Сроки зависят от сложности проекта. В среднем разработка сайта занимает от 2 до 6 недель. Мы всегда предоставляем точные сроки до начала работ.

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

Цена складывается из объёма работ, сложности функционала, дизайна и дополнительных услуг (контент, интеграция с CRM и т. Д.). Мы предоставляем детальную смету с разбивкой по этапам.

С аудита: изучаем бизнес, аудиторию и задачи и формируем чёткую стратегию. Затем фиксируем условия в договоре, согласуем детали и запускаем работу. Результаты показываем в цифрах и по ним усиливаем рост проекта.

Оставить заявку можно в любое время — наши операторы перезвонят вам в течение суток. Офис работает по будням с 10:00 до 19:00.

Остались вопросы? Возможно, мы уже знаем ответ

СВЯЖЕМСЯ В ТЕЧЕНИЕ 30 МИНУТ

ЕСТЬ ЗАДАЧА?

Готовы к росту?

Оставьте заявку на сайте и наши менеджеры свяжутся с вами в течение 30 минут

Обсудить проект.

Ваши контакты
Какая у вас задача?