Вебинар: Сильные, продающие, завлекающие и прочие несуществующие типы текстов для соцсетей: рушим стереотипы и учимся писать заново - 8 ноября в 13:0 Узнать больше
Положительная репутация в поисковых системах без помех от недоброжелателей возможна с Семантикой!
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!

Логотип для сайта – это эмблема, уникальное изображение, по которому сайт отличают от других.

Фактически, это картинка, с которой будут ассоциировать вашу компанию (это в идеале, если все сделано правильно). Например, у Nike логотип «правильный», потому что узнаваемый.

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

Для чего брендам нужен логотип

У этого знака есть несколько брендинговых и маркетинговых функций:

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

Какие бывают логотипы

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

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

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

Общие требования к логотипу

  • Не используйте несочетаемые цвета и не комбинируйте больше двух-трех.
  • Избегайте шрифта с нечитабельным начертанием слов. Выглядеть будет, возможно, оригинально, но прочесть никто не сможет, название не запомнит.
  • Изучите конкурентов. Даже если вам очень нравится вариант, но у них похожие уже есть – откажитесь. Это не столько вопрос оригинальности, сколько финансовых потерь. Например, вы будете проводить активные рекламные кампании, а поток клиентов попадет не к вам, потому что не сумели сделать четкое позиционирование.
  • Не мельчите. Ни с буквами, ни с графикой. Помимо размещения логотипа на сайте, вы будете использовать его в других форматах, например, на визитках. Мелкие детали просто сольются в одно пятно.
  • Чтобы прикинуть, как будет смотреться на вебсайте, уменьшите стороны примерно до 50 пикселей. Теоретически, разместить в шапке можно и больший, но практически, это часто нецелесообразно, поскольку занимает полезную площадь другого контента.

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

В зависимости от изображенных элементов, делятся на:

  • Графические. В основе картинка, иконка, значок, фигура
  • Трехмерный. Он трансформировался из предыдущего, отличается иллюзией объема. Для примера, шарик компании Xerox.
  • Текстовые. Как понятно из названия, это символы. Чаще всего, название фирмы, аббревиатура. Делать длинные не принято по причине неудобства использования. Если слов несколько – это слоган. Он может быть написан рядом и выглядеть как единая конструкция, но он не входит в лого.
  • Комбинированные – объединяют в себе изображение и надпись.
  • Эмблемы. Самый технически сложный и трудоемкий вариант, для которого характерны простая геометрическая форма и при этом сложная композиция.
  • Некоторые отдельно выделяют геральдический стиль с изображением флагов, гербов, символов геральдики.Логотип Peugeot.

Как сделать логотип для сайта

  1. Обратиться к дизайнеру. Не поленитесь разместить заказ на сайтах фрилансеров, отправить в несколько студий и потом сравнить цены. Время, потраченное на поиски, окупится, поскольку разница будет существенной. Не всегда дороже – значит лучше.
  2. Разработать самостоятельно. Если у вас есть навыки работы с графическими программами, такими как Photoshop, InDesign, чувство вкуса, богатое воображение и много свободного времени.
  3. Третий вариант: найти вебсайты, помогающие создать логотип онлайн. Работают они по принципу генерации и комбинирования различных параметров. Можно получить результат по своему вкусу, меняя настройки фона, цветов, градиентной заливки, шрифтов. Рекомендуют такие: Creatr.cc, Turbologo.ru, Logaster.ru
  4. Четвертый, воспользоваться специальным профессиональным ПО именно для разработки логотипов. Free Card Maker, Logo Design Studio, AAA Logo, GIMP, Banner Maker Pro.

Технические требования к логотипам на сайтах

  1. Размещается вверху страниц, чаще всего в хэдере (шапке).
  2. Лучше использовать картинку с прозрачным фоном (допустимо с любым). Оптимально выбирать svg – векторный формат. Поскольку растровый (популярный jpg) при масштабировании теряет качество отображения.
  3. Если никак нельзя избежать размещения слогана вместе с логотипом, оформляем его текстом либо в векторе. Буквы в растре нечеткие, а при малейшем изменении размера станут нечитабельными.
  4. Само изображение нужно положить в корневую папку на сервере, название должно быть logo, чтобы было легко искать.
  5. На внутренних страницах сайта используют как элемент навигации. По умолчанию принято и интуитивно используется многими интернет-пользователями, при клике возвращает на титульную страницу.
  6. Соблюден принцип адаптивности. О нем расскажем ниже.

Как вставить логотип на сайт

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

<div id="logo"></div>

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

Для логотипа, как и для любой картинки, полезно прописать атрибуты alt и текст всплывающей подсказки title.

  1. После оценки влияния фирменного стиля на успешность бизнеса очевидна роль логотипа для сайта, что это не просто элемент декора. Это рабочий инструмент для повышения узнаваемости, лояльности.
  2. Отнеситесь к разработке фирменного стиля, как к лицу вашей компании. Не обязательно делать дорого, важно сделать аккуратно и презентабельно.
  3. Нужно учесть три компонента и поработать над каждым: форма, посыл, цвет.
  4. Протестируйте варианты логотипа на других людях, представителях ЦА, получите обратную связь от коллег и клиентов. Лучше на начальном этапе внести корректировки, чем впоследствии проводить ребрендинг.
Профессионально управляем репутацией компаний

– Опыт работы более 3х лет.
– Специально разработанные проекты.
– Отлаженные процессы.

Управлять репутацией это не дорого!

SERM – обеспечиваем безупречную репутацию в Яндекс и Google
Можно бесконечно оправдываться после плохих отзывов в интернете, а можно обратиться в SEMANTICA и решить проблему разом. О вас будут знать только хорошее и ничего больше
Подпишись на обновления блога
Николай Эргашев SEMANTICA, менеджер по продажам бесплатный вебинар Чего ждать от 2019 года: каналы в интернет-рекламе для разных тематик Регистрируйся! 29 ноября в 13:00

Мы работаем не только в Моcкве, но и в других городах России: