Пишете крутые статьи? Публикуйте их в Workspace Media, бесплатно!
Банк ВТБ (ПАО)
Ассоциативный генератор иллюстраций
Банк ВТБ (ПАО)
WDA
2025
#Дизайн приложений#Иллюстрации#Проектирование и дизайн CRM

Ассоциативный генератор иллюстраций

880 
16 янв 2025 в 8:05
Банк ВТБ (ПАО)
Банк ВТБ (ПАО) Россия, Москва
Поделиться:
Компания

Банк ВТБ (ПАО)

Сфера

Финансы, инвестиции, банки

Регион

Россия, Москва

Сдано

Февраль 2025

Задача

Разработать уникальный конструктор из компонентов, с помощью которого более 300 команд и абсолютно любой специалист, независимо от его специализации, смогут создать иллюстрацию за пару минут, при этом, не нарушая стилистику канала ВТБ Онлайн.

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

Решение

Перед нами встала задача найти такое решение, чтобы в короткие сроки наладить процесс выпуска новых функций, улучшить скорость разработки и загрузки ВТБ Онлайн. Этим решением стал переход на конструктор иллюстраций.

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

Пользователи могут выбирать готовые элементы, такие как иконки, фигуры, текстовые блоки и фоны, и комбинировать их так, как им нужно, не нарушая целостности общего визуального образа. 

1Как появилась идея

Ранее иллюстрации создавались с нуля, что делало процесс длительным и трудоемким. Эти изображения часто были плоскими и разношерстными, не соответствуя единому стилю компании.

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

2Реализация конструктора иллюстраций

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

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

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

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

3Внедрение новых иллюстраций в интерфейс приложения

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

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

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

Иллюстрации, созданные в конструкторе, нашли широкое применение в ВТБ Онлайн, включая CRM-рассылки, спецпроекты и продуктовые иллюстрации. Эти визуальные элементы значительно улучшили восприятие информации и повысили привлекательность предложений для клиентов. 

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

4Обновление чат-бота ВТБ

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

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

Результат

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

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

Расширенная цветовая палитра добавила свежести и динамики в визуальные материалы. 

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

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


Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Оставить заявку