Как создать гибкую дизайн-систему для крупного банка?
ЗаказчикХ5 — это банк, связанный с российской розничной компанией «Х5 Group», которая управляет сетями магазинов, такими как «Пятёрочка», «Перекрёсток», «Чижик». Он создан для предоставления финансовых услуг.ЗадачаНашей задачей было обеспечить X5 Банку возможность быстро адаптировать и масштабировать визуальную коммуникацию для различных рекламных и маркетинговых кампаний.
О реализации
Мы разработали уникальное решение, которое позволило оптимизировать создание креативов для проекта: вместо того чтобы собирать каждый макет с нуля, мы создали библиотеку готовых элементов.
В библиотеку вошли фирменные элементы, включая:
— Карты и цифры от 0 до 9, представленные в разных материалах и ракурсах, чтобы они идеально совпадали при создании композиций.
— Дополнительные элементы, такие как стрелки, монетки, копилки, подарки, конфетти и платформы, которые служат основой для построения композиций.
— Служебные элементы, например, плашки с надписями «кэшбэк» или другими часто используемыми словами для рекламных материалов.
— Декор — это всевозможные детали, которые дополняют визуалы, например, элементы, напоминающие монетки, но выполненные в иной стилистике.
Создание библиотеки шло поэтапно. Идея заключалась в том, чтобы предложить подход конструктора визуалов. Мы начали с анализа потребностей и запросов клиента, провели концептуальную проработку и полный анализ маркетинговых материалов. Исходя из результатов аналитики, мы определили, какие элементы необходимы, и на их основе разработали библиотеку.
Элементы создавались постепенно, с учетом всех возможных вариаций, включая комментарии и рекомендации по использованию. Эта библиотека стала удобным инструментом для формирования креативов, где каждый элемент легко комбинируется, сохраняя визуальную целостность и гармонию.
Подход конструктора не только ускорил процесс работы, но и упростил масштабирование креативов, обеспечив их единство в рамках проекта.
Особое внимание было уделено нестандартному подходу к работе с цветами и материалами. Для создания динамичных, многослойных оттенков мы использовали сложную сцену в Blender, которая позволила избежать плоскости и создать визуальные элементы, взаимодействующие друг с другом через рефлексы и отражения. Такой подход обеспечил уникальную консистентность визуального ряда — даже при формировании новых композиций материалы органично сочетались и дополняли друг друга, создавая эффект цельности и гармонии.
Под необычностью мы имеем в виду не просто творческий подход, но и отказ от шаблонных решений. Вместо того чтобы создавать элементы с нуля или использовать готовые шаблоны, мы разработали для клиента обширный банк уникальных компонентов. Ключевым моментом является использование нестандартных материалов: рефлекторных, светоотражающих и необычных по своей природе. Это не просто пластик одного цвета — это пластик с эффектом отлива, который придает глубину и богатство текстурам.
Говоря о сцене, стоит отметить, что это пространство в 3D-редакторе, где создаются объекты с определенными материальными свойствами. Мы играли с освещением, цветом и материалами, чтобы добиться максимальной реалистичности. Это нам удалось благодаря многослойной системе источников света разных цветов, которые взаимодействовали с объектами, создавая эффектные световые рисунки и отражения. Использование глянцевых поверхностей добавило глубины композиции: например, отражение монетки на объекте создавало иллюзию единой системы.
Особое внимание уделялось тому, как элементы взаимодействуют друг с другом. Мы могли собирать композиции, в которых такие объекты, как монетка и подарок, казались отдельными, но их отражения и материальные характеристики создавали ощущение целостности. Важным моментом было то, что объекты не требовали дополнительного контекста для понимания. Использование стандартных ракурсов и визуальных тем делало их легко узнаваемыми для аудитории, которая, увидев 3D-изображения, могла интуитивно понять, что они связаны с экономикой или финансами.
В стилистическом плане мы использовали популярные на текущий момент решения, однако уникальность нашего подхода заключается в необычных материалах и освещении, что делает нашу работу отличительной и запоминающейся.
Работа с клиентом прошла в атмосфере креативного эксперимента: команда была настроена на нестандартные решения, и мы протестировали несколько оригинальных подходов. Несмотря на переход к более классическим материалам, первые эксперименты придали проекту уникальную глубину и сделали процесс создания визуалов ярким и запоминающимся.
После этого мы перешли к более стандартизированному процессу. Мы провели воркшоп, на котором тщательно разобрали все детали проекта. Создали концепт, защитили его перед клиентом, затем уточнили и доработали. На основе концепта была разработана полная библиотека материалов, подготовлены ключевые визуальные элементы, которые мы масштабировали и адаптировали для дальнейшего использования. Когда все было готово, проект перешел в фазу поддержки. В результате, несмотря на строгую структуру и последовательность этапов, изначальные эксперименты стали основой для яркого и интересного решения, которое оставило запоминающийся след в проекте.
Ключевые инсайты
- Создание библиотеки готовых элементов: позволило сократить время на разработку креативов, повышая производительность и сокращая затраты, что особенно важно для бизнеса с интенсивными рекламными кампаниями.
- Оптимизация процесса создания визуалов: благодаря унифицированному подходу и возможности быстро адаптировать элементы, компания смогла обеспечить высокое качество и консистентность бренда без дополнительных затрат на каждый новый проект.
- Использование нестандартных решений в материалах: позволило выделиться среди конкурентов и создать уникальный визуальный стиль, который повысил привлекательность бренда и улучшил восприятие у целевой аудитории.
Как наш проект изменил жизнь клиента?
Мы значительно упростили жизнь клиента, создав библиотеку готовых графических элементов, которая позволила быстро и эффективно собирать key visuals без разработки с нуля. Это не только сократило время на создание контента, но и обеспечило визуальную консистентность, а использование нестандартных материалов добавило проекту глубину и динамику, сохраняя высокий уровень креативности.
Перейти на сайт
Полный текст статьи читайте на CMS Magazine
