Редизайн шапки сообщества ВК⁠⁠

Привет, пикабу.

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

В целом концепция мне нравится, но есть некоторые недочёты в вёрстке, которые мы можем исправить.

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

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

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

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

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

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

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