Сайты. SEO.
Хочу сайт
Хочу SEO
Хочу лендинг Сайт в подарок!
Контакты
+7 (812) 318-74-97

Офис в Санкт-Петербурге

[email protected] Подробнее
Хочу сайт
Хочу SEO
Хочу лендинг Сайт в подарок!

Формирование фирменного стиля на реальном примере: что, зачем и почему

Что такое фирстиль, из чего он складывается и каковы его функции? Разберемся в этом на конкретном примере.
Цели формирования фирменного стиля

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

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

а) отталкивающим потенциального покупателя (например, ваша аудитория - женщины в декрете, а сайт привлекает гламурных тусовщиц);

б) непригодным к переносу на другие носители (например, логотип здорово выглядит онлайн, но плохо - на печати, либо его печать в качестве стоит очень дорого).

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

Итак, зачем вам качественный, профессионально сделанный фирменный стиль?

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

Заказчики пришли к нам без четкого видения, чего они хотят. Просто по каким-то причинам им не нравился их сайт. Нам же хватило одного взгляда: мрачноватое сочетание цветов, громоздкий дизайн баннера и кнопок и неподходящий шрифт создавали дисгармонию, которая явно не шла студии красоты.

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


Логотип

Надпись “nail studio” была слишком прижата к названию салона, полоса была слишком темной и толстой. Мы подняли дополнительную надпись выше, сделали линию подчеркивания тоньше. Логотипа стал визуально легче и изящнее. Впоследствии мы перекрасили его в соответствии с новой цветовой схемой.


Шрифт

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


Цвет

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


Дизайн сайта

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

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

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

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

Значение фирменного стиля для компании: что дала наша работа?

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

Что получили заказчики? Более привлекательное "лицо" в сети, больше лояльных клиентов.

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

Перед началом работы О Сайтах для SEO Советы и Консультации О САЙТАХ О SEO О ДИЗАЙНЕ Аудиты и рекомендации по созданию и продвижению сайтов Кейсы Помощь
Формирование фирменного стиля
Сфера информационных технологий такова, что нужно все время держать руку на пульсе, чтобы оставаться на плаву. Тренды изменяются молниеносно, новшества, которые прежде казались фантастикой, становятся частью нашей жизни, еще вчера безупречно работавшие инструменты сегодня не просто бесполезны, но даже могут навредить... Хотите всегда быть в курсе происходящего? Позвольте нам быть вашим гидом! 

Здесь мы собираем свежие новости, гайды, FAQ'и, статьи и прочую информацию, которую считаем интересной и полезной. Следите за обновлениями!
Форма заказа

Сайты в подарок

Настоящая помощь малому и среднему бизнесу. Сайты в подарок при заказе продвижения или техподдержки! Рассрочка!

Делаем сейчас — платишь потом!

Отличный старт

При заказе комплексного тарифа «Эволюция 8» на год (ежемесячный платёж — 28000 р.) — новый сайт «Лёгкий старт» в подарок!

Лучший выбор

При заказе комплексного тарифа «Эволюция 15» на год (ежемесячный платёж — 52500 р.) — новый сайт для SEO «Правильный выбор» в подарок!

Лидер

При заказе комплексного тарифа «Эволюция 25» на год (ежемесячный платёж — 87500 р.) — новый сайт для SEO «На шаг впереди» (КАТАЛОГ) в подарок!

Онлайн-продажи

При заказе комплексного тарифа «Эволюция 35» на год (ежемесячный платёж —122500 р.) — новый сайт для SEO «Онлайн-продажи» (ИНТЕРНЕТ-МАГАЗИН) в подарок!

Сайты под ключ

«Лёгкий старт»

122 500 руб.
То, что нужно для начала! В пакет входят:
  • новый одностраничный сайт;
  • 2 часа профессиональных консультаций руководителя отдела ведения интернет-проектов (опыт — 10 лет);
  • настройка контекстной рекламы.

«Лёгкий старт PRO»

122 500 руб. + 80 500 руб.
Это прочная основа для развития! В пакет входят:
  • новый одностраничный сайт по стандарту Web-Industry Group;
  • до двух часов профессиональных консультаций руководителя отдела ведения интернет-проектов (опыт — 10 лет);
  • настройка контекстной рекламы;
  • +
  • профессиональный подбор семантического ядра (СЯ);
  • маркетинговое исследование;
  • регистрация компании на 100 профильных порталах.

Сайт для SEO «Правильный выбор»

451 500 руб.
Это сайт, в который на этапе создания заложено всё необходимое для продвижения. В пакет входят:
  • новый Сайт для SEO по стандарту Web-Industry Group;
  • лицензия «1С-Битрикс: Управление сайтом - Старт»;
  • до четырёх часов профессиональных консультаций руководителя отдела ведения интернет-проектов (опыт — 10 лет);
  • профессиональный подбор семантического ядра (СЯ);
  • SEO-оптимизация (до 200 ключевиков);
  • настройка контекстной рекламы;
  • маркетинговое исследование;
  • регистрация компании на 100 профильных порталах;
  • 2 месяца техподдержки.

Сайт для SEO «На шаг впереди»

687 000 руб.
Сайт, уже на этапе создания максимально заряженный на успешное продвижение. Первые позиции — сразу после выкладки! В пакет входят:
  • новый Сайт для SEO «КАТАЛОГ» по стандарту Web-Industry Group;
  • лицензия «1С-Битрикс: Управление сайтом - Старт»;
  • до восьми часов профессиональных консультаций руководителя отдела ведения интернет-проектов (опыт — 10 лет);
  • разработка концепции сайта под руководством арт-директора;
  • профессиональный подбор семантического ядра (СЯ);
  • SEO-оптимизация (до 300 ключевиков);
  • настройка контекстной рекламы;
  • маркетинговое исследование;
  • регистрация компании на 100 профильных порталах;
  • 2 месяца техподдержки;
  • 2 месяца маркетинговой поддержки.
!! Возможна рассрочка до конца года !!

Сайт для SEO «Онлайн-продажи»

1 151 500 руб.
То, что нужно для уверенных позиций и хороших продаж! В пакет входят:
  • новый Сайт для SEO «ИНТЕРНЕТ-МАГАЗИН» по стандарту Web-Industry Group;
  • лицензия «1С-Битрикс: Управление сайтом - Малый бизнес»;
  • до 16 часов профессиональных консультаций руководителя отдела ведения интернет-проектов (опыт — 10 лет);
  • разработка концепции сайта под руководством арт-директора;
  • профессиональный подбор семантического ядра (СЯ);
  • SEO-оптимизация (до 500 ключевиков);
  • настройка контекстной рекламы;
  • маркетинговое исследование;
  • регистрация компании на 100 профильных порталах;
  • 2 месяца техподдержки;
  • 2 месяца маркетинговой поддержки.
!! Возможна рассрочка до конца года!!
Чтобы сделать сайт еще удобнее, мы анализируем пользовательский опыт - собираем данные...
Подробнее
Чтобы сделать сайт еще удобнее, мы анализируем пользовательский опыт - собираем данные с помощью файлов cookie, журналов истории доступа и web-счетчиков. Согласно Федеральному закону «О персональных данных» мы обязаны сообщить вам об этом. Продолжая работу с ресурсом, вы выражаете согласие на обработку ваших данных. Более подробная информация размещена в разделе «Политика конфиденциальности»