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

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

hello@web-industry.pro Подробнее

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

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

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

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

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

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

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

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

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

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

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


Логотип

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


Шрифт

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


Цвет

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


Дизайн сайта

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

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

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

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

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

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

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

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

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

Здесь мы собираем свежие новости, гайды, FAQ'и, статьи и прочую информацию, которую считаем интересной и полезной. Следите за обновлениями!
Форма заказа
Чтобы сделать сайт еще удобнее, мы анализируем пользовательский опыт - собираем данные...
Подробнее
Чтобы сделать сайт еще удобнее, мы анализируем пользовательский опыт - собираем данные с помощью файлов cookie, журналов истории доступа и web-счетчиков. Согласно Федеральному закону «О персональных данных» мы обязаны сообщить вам об этом. Продолжая работу с ресурсом, вы выражаете согласие на обработку ваших данных. Более подробная информация размещена в разделе «Политика конфиденциальности»