Как мы разработали стиль для производителя автохимии Магна

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

1. Аудит и стратегия 

Провели глубинное интервью с заказчиком, чтобы зафиксировать бизнес-цели, целевую аудиторию и ключевые преимущества продукта. Параллельно выполнили конкурентный анализ: отобрали 15+ брендов автохимии в федеральной и региональной рознице, сегментировали их по ценовому позиционированию (эконом/средний/премиум) и визуальным стратегиям.

Далее провели кластеризацию по цветовой идентификации:

• Выявили доминирующие палитры в каждом сегменте;
• Зафиксировали «слепые зоны» — цвета и приемы, которые конкуренты не используют;
• Определили, какие ассоциации вызывают текущие визуальные решения у целевой аудитории.

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

2. Разработка ядра визуального стиля

Логотип

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

Визуальный стиль и ключевые носители

В блоке работ по созданию стиля мы разработали визуальные элементы. Динамичный «текучий» узор, фирменный градиент, акцентная микрографика — все это сформировало узнаваемый стиль Магна и стало неотъемлемой частью идентичности компании. Узор стал универсальным и масштабируемым элементом визуального языка, его вариации используются на большинстве носителей стиля.

3. Дизайн упаковки: баланс между обновлением и преемственностью

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

Почему это важно:

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

Как мы решали задачу:

1. Аудит текущей упаковки. Проанализировали сильные стороны существующего дизайна: какие элементы уже работают на узнаваемость, какие — требуют обновления. 
2. Разработка адаптивного визуального модуля. Создали динамичный узор на основе фирменного градиента. Его ключевое свойство — гибкость: он может масштабироваться под упаковку, обрезаться или повторяться без потери целостности. 
3. Тестирование читаемости. Провели визуальные тесты: оценили, как упаковка воспринимается с расстояния 2–3 метров (уровень взгляда на полке), при разном освещении и в соседстве с конкурентами. Итоговый дизайн обеспечивает идентификацию бренда за 2–3 секунды — критично для импульсного выбора в рознице.
4. Подготовка производственных файлов. Сверстали макеты с учетом технических требований типографий. Это минимизировало риски искажения дизайна при печати.

Практический вывод: адаптивный визуальный модуль позволяет масштабировать фирменный стиль на разные носители без редизайна каждого формата.

4. Разработка руководства по фирменному стилю

Кроме всего прочего, мы разработали ряд коммуникационных материалов, которые стали основой для фирменных носителей и рекламных инструментов компании. Эти материалы помогут клиенту легче формировать единый и узнаваемый образ компании.

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

5. Оперативно разработали сайт на конструкторе

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

Реализация:

1. Логика навигации через сегменты. Мы отказались от стандартного каталога «списком». Вместо этого связали продукцию с сегментами бизнеса (например, «Корпоративным автопаркам», «Дилерам и продавцам автотоваров», «Промышленным предприятиям»). Пользователь выбирает свой сегмент и сразу видит релевантные предложения. Это сокращает путь до заявки и повышает конверсию, так как клиент видит решение своей задачи, а не просто товар.
2. Визуальная метафора продукта. Фишкой дизайна стал динамичный «текучий» узор. Он отражает физическое свойство основного продукта (охлаждающая жидкость) и используется как анимация на ключевых экранах. 
3. «Сквозной» фирменный стиль. Этот узор стал центральным элементом визуального языка бренда Магна. Он обеспечивает единообразие всех элементов: клиент видит тот же узор на сайте, что и на упаковке в магазине. Это усиливает узнаваемость и доверие — бренд воспринимается как целостная система, а не набор разрозненных материалов.

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

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

Для создания интерактива мы использовали трехмерную визуализацию продукта и платформу Webflow, которая в итоге позволила нам реализовать сложную анимацию и «фишки» дизайна.