КЛИЕНТ:

METRO

СФЕРА:

РИТЕЙЛ





Разработка
key vision
и ресайзинг

Разработка key vision и ресайзинг





КЛИЕНТ:

METRO

СФЕРА:

РИТЕЙЛ

Ресайзинг баннеров и разработка Key Visual – это процесс создания ключевого визуального образа рекламной акции
и ее последующей адаптации под различные цифровые форматы (web, mobile, приложение, иногда промо-размещения).

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

Ресайзинг баннеров и разработка Key Visual – это процесс создания ключевого визуального образа рекламной акции и ее последующей адаптации под различные цифровые форматы (web, mobile, приложение, иногда промо-размещения).

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

о задаче
Варианты KV для сезонной акции с завтраками
Варианты KV для сезонной акции
с завтраками
Один из баннеров данной акции в проде
Один из баннеров данной акции в проде

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

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

При этом важно внедрить объекты, которые указаны
в ТЗ, поэтому изображения для задачи генерировались
несколько раз и дорабатывались в Adobe Photoshop.

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

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

При этом важно внедрить объекты, которые указаны в ТЗ, поэтому изображения
для задачи генерировались несколько
раз и дорабатывались в Adobe Photoshop.

разработка KV для сезонной
акции с завтраками
Первые варианты KV (черновые)
Стоковые изображения

В результате были отобрано 4 варианта, предварительно обработанные в Adobe Photoshop перед отправкой вариантов заказчику на согласование.

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

В данном случае необходимо создать серию из одного изображения, не потеряв при этом стиль и элементы.
Можно посмотреть на примере с акцией «Неделя завтраков»,
где на баннере для web-сайта был разработан дополнительный вариант визуала с уже утвержденным KV.

В результате были отобрано 4 варианта, предварительно обработанные в Adobe Photoshop перед отправкой вариантов заказчику на согласование.

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

В данном случае необходимо создать серию из одного изображения, не потеряв при этом стиль и элементы. Можно посмотреть
на примере с акцией «Неделя завтраков»,
где на баннере для web-сайта был разработан дополнительный вариант визуала
с уже утвержденным KV.

Баннеры-ресайзы, сделанные в рамках данной акции
Баннеры-ресайзы, сделанные
в рамках данной акции

На основе предоставленного клиентом key vision,
я подготавливала макеты под разные форматы,
сохранив ключевые визуальные акценты и пропорции.

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

На основе предоставленного клиентом key vision, я подготавливала макеты под разные форматы, сохранив ключевые визуальные акценты и пропорции.

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

ресайз баннеров
с готовым KV
ресайз баннеров с готовым KV

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

Готовое KV от заказчика
Баннер-ресайз в приложении METRO

контакты

контакты

Create a free website with Framer, the website builder loved by startups, designers and agencies.