Дизайн-система для Х5 Банк

Главное о кейсе

Х5 — это банк, связанный с российской розничной компанией «Х5 Group», которая управляет сетями магазинов, такими как «Пятёрочка», «Перекрёсток», «Чижик». Он создан для предоставления финансовых услуг клиентам и партнёрам X5 Group. Для компании мы продумали гибкую дизайн-систему, с которой можно собирать KV из готовых элементов в 6 раз быстрее, чем по обычным шаблонам.

X5 is a bank associated with the Russian retail company X5 Group, which operates store chains such as Pyatyorochka, Perekryostok and Chizhik. It was created to provide financial services to X5 Group customers and partners. For the company, we thought through a flexible design system, with which it is possible to assemble KV from ready-made elements 6 times faster than using conventional templates.

Как проект изменил жизнь пользователей

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

We significantly simplified the client’s workflow by creating a library of ready-made graphic elements, enabling quick and efficient assembly of key visuals without starting from scratch. This approach not only reduced content production time but also ensured visual consistency, while the use of unconventional materials added depth and dynamism, maintaining a high level of creativity.

Бизнес-задача и ее решение

Нашей задачей было обеспечить X5 Банку возможность быстро адаптировать и масштабировать визуальную коммуникацию для различных рекламных и маркетинговых кампаний, чтобы эффективно поддерживать динамично развивающийся бизнес X5 Group и оперативно реагировать на изменения рынка. Для решения этой задачи нами была создана гибкая дизайн-система, которая позволяет собирать ключевые визуалы (KV) из готовых элементов в 6 раз быстрее, чем при использовании традиционных шаблонов.

Our task was to provide X5 Bank with the ability to quickly adapt and scale visual communication for various advertising and marketing campaigns in order to effectively support X5 Group's dynamically growing business and promptly respond to market changes. To solve this task, we created a flexible design system that allows us to assemble key visuals (KVs) from ready-made elements 6 times faster than using traditional templates.

Крафт (мастерство), реализация, технические детали

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

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

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

We developed a unique solution that optimized the creation of creatives for the project: instead of building each layout from scratch, we created a library of ready-made elements. This library included platforms, figures, graphic details and decorative elements rendered in different perspectives, which can be easily combined into a complete composition. This made it possible to speed up the work process and maintain the visual integrity of all materials.

Special attention was paid to an unusual approach to working with colors and materials. We built a complex scene in Blender to create dynamic, layered hues that didn't just look flat, but interacted with each other through reflexes and reflections. This provided a unique consistency to the visuals - even when assembling new compositions, the materials seamlessly blended and complemented each other, creating an effect of wholeness.

Working with the client was a wave of creative experimentation: the team was open to non-standard solutions, and we tested several original approaches. In the end, despite the transition to more standard materials, the initial experiments gave the project a special depth and made the process of creating visuals vivid and memorable.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

1. Создание библиотеки готовых элементов: позволило сократить время на разработку креативов, повышая производительность и сокращая затраты, что особенно важно для бизнеса с интенсивными рекламными кампаниями.
2. Оптимизация процесса создания визуалов: благодаря унифицированному подходу и возможности быстро адаптировать элементы, компания смогла обеспечить высокое качество и консистентность бренда без дополнительных затрат на каждый новый проект.
3. Использование нестандартных решений в материалах: позволило выделиться среди конкурентов и создать уникальный визуальный стиль, который повысил привлекательность бренда и улучшил восприятие у целевой аудитории.

1. Creation of a library of ready-made elements: helped reduce the time spent on developing creatives, increasing productivity and cutting costs, which is especially important for businesses with intensive advertising campaigns.

2. Optimization of the visual creation process: thanks to the unified approach and the ability to quickly adapt elements, the company ensured high quality and brand consistency without additional costs for each new project.

3. Use of unconventional material solutions: allowed the brand to stand out from competitors and create a unique visual style, enhancing brand appeal and improving perception among the target audience.

Скриншоты