Серия «Редизайн дизайнов»

Озвучу ошибки, которые были допущены в этой работе. Во-первых, текстовый блок слева сверху расположен не совсем корректно. Он будто прилип к верхнему краю и не выровнен относительно серой области изображения. Я понимаю, что акцент сделан на слове «Стальная», ведь компания занимается металлами, и это также подчёркивает сварщик, расположенный по центру на изображении.

Дальше идёт момент, который мне непонятен: вторая строка меньше, чем третья и четвёртая. Если нам нужно выделить первое слово, мы можем это сделать, но остальные строки оставим одного размера. Например, так:

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

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

Кроме того, шапка не закрывает всю площадь, из-за чего по бокам появились полосы с размытой областью. Также текстовые блоки слева не выровнены.

Учитывая всё вышесказанное, делаю редизайн первого варианта. Вот такие результаты получились в итоге:

Большое спасибо что прочитали пост!

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

На мой взгляд первая реакция покупателя будет такой:

Что это? Орехи? Снэки? А, фисташки... точно

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

Открываю фотошоп, начинаю исправлять рекламу.

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

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

Ниже можно увидеть логику расположения блоков на изображении.

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

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

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

Спасибо за внимание :)