Брендинг героев: добавление вашей идентичности в область героев

Опубликовано: 2020-04-17

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

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

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

Рассмотрим некоторые характерные примеры.

Файресит

Самый простой способ переплести ваш бренд с главной областью — разместить элемент визуальной идентичности прямо в центре приветственного раздела. Посмотрите на Файресите.

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

Следует отметить одну вещь: даже несмотря на то, что большая версия логотипа имеет значительный визуальный вес, вступление все равно бросается в глаза. Отлично сработано. Что бы вы ни делали, всегда помните о балансе между фирменным стилем и содержанием. Не жертвуйте последним.

Пример из Файресита

Олимп

Похожий подход реализован и на Olympp, но команда вывела его на новый уровень.

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

Идея проста. Тем не менее, это не только работает, но и впечатляет.

Пример из Олимпа

Адвокаты Дэвиса Мальма

Официальный сайт Davis Malm Attorneys — абсолютная классика переплетения брендов. Как и в предыдущем случае, здесь фон изображения следует за логотипом.

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

Пример от Davis Malm Attorneys

Ключевой формат

По сути, это тот же подход, который мы видели в случае с Davis Malm Attorneys. На заднем плане реальное изображение главного талисмана — козла. Однако область героя имеет совершенно другую ауру и, безусловно, более игривый вид.

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

Пример из формата ключей

Аутентичный

Но не только животные подходят для таких решений, все может помочь. Даже абстрактный логотип можно согласовать с областью героя. Рассмотрим Authenticff в качестве примера.

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

Пример от Authenticff

Фиолетовый кролик

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

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

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

Пример из Фиолетового кролика

Дни цифрового дизайна

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

Команда Digital Design Days демонстрирует это на практике. Их логотип можно увидеть не только в левом верхнем углу, но и в области героя, где он занимает львиную долю пространства. Здесь абстрактная 3D-форма представлена ​​во всей красе, давая пользователям возможность поиграть. Более того, заводская табличка занимает то же место, что и логотип. Поэтому в каждой детали чувствуется композиционная гармония.

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

Пример из Дней цифрового дизайна

Деревенские фильмы / Атем

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

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

Пример из The Village Films

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

Пример из Атхема

Введение в ваш бренд

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

Какой бы логотип у вас ни был, есть разные способы его воспроизвести в приветственном разделе. Вы можете использовать точную копию, такую ​​как Fyresite, воспользоваться ее версией на основе изображений, как команда Olympp, или даже создать анимацию, такую ​​​​как Purple Bunny.