Директор салона красоты

Акции на сайте салона красоты: как привлечь внимание

27 августа 2018
301
Средний балл: 0 из 5
Маркетолог

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

Открываете или уже открыли салон красоты? Узнайте, как можно автоматизировать его работу!

Сравните, насколько легко воспринять спецпредложение салона красоты в этом примере, поскольку оно окружено светлым нейтральным пространством:

Акции на сайте салона красоты: как привлечь внимание

И, наоборот, насколько сложно его вычленить из декоративных элементов вот в этом примере:

Акции на сайте салона красоты: как привлечь внимание

На примере второго скрина можно увидеть, что приоритетное внимание пользователь отдаст ярким губам и не менее яркому пространству между лицами. И только потом обратит внимание на надпись. Тогда как на первом примере самым ярким элементом является надпись о скидке.

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

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

О важности комплексного восприятия элементов сайта салона красоты

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

Акции на сайте салона красоты: как привлечь внимание

Не позволяйте вниманию пользователя распыляться! Захватите его одним, но самым-самым увлекательным предложением, от которого невозможно отказаться. Вот хороший пример этой стратегии:

Акции на сайте салона красоты: как привлечь внимание

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

Акции на сайте салона красоты: как привлечь внимание

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

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

Акции на сайте салона красоты: как привлечь внимание

Соответственно, это же настроение передастся и пользователю сайта.

Выбирая фото для сопровождения вашей главной страницы, руководствуйтесь следующим:

  1. не используйте фото с бесплатных ресурсов и фотобанков. Понравится ли вам, если точно такое же фото будет находиться еще на десятке других сайтов ваших конкурентов? Хорошим вариантом будет коллаж с использованием такого фото. Но лучше, если его сделает профессиональный дизайнер;
  2. фотографируя самостоятельно, обращайте внимание на качество сделанного фото. Важно все - свет (слишком резкие тени состарят), фон (неряшливо брошенные вещи на заднем плане создадут общее впечатление неухоженности и беспорядка), цвет (позаботьтесь о том, чтобы цветовая гамма получившегося фото не конфликтовала с брендовыми цветами вашего салона или цветовой гаммой сайта);
  3. делая фото реальных сотрудников, обязательно согласуйте с ними то, что их фото будет находиться на сайте. Лучше письменно. То же самое и в случае, если на сайте будет находиться фото реального клиента;
  4. выбирая и(или) размещая фото на сайте для иллюстрирования главной страницы или акции салона, помните, что приоритетна в данном случае именно информация, которую вы стремитесь донести вашим потенциальным клиентам.

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

Акции на сайте салона красоты: как привлечь внимание

На первый взгляд все вышеперечисленное - просто мелочи. Но комплексное восприятие сайта салона красоты как раз и состоит из множества мелочей.

Где может находиться «пустое пространство» на сайте

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

Акции на сайте салона красоты: как привлечь внимание

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

Акции на сайте салона красоты: как привлечь внимание

Есть несколько видов пустого пространства, которые помогут улучшить ваш сайт. Рассмотрим их подробнее.

  • расстояние, разделяющее небольшие элементы сайта (пространство между текстом и подзаголовками, между строчками, декоративными элементами - точками или полосками - и собственно текстами);
  • пространство между главными элементами (заголовками и текстами на сайте);
  • активное пустое пространство: асимметричная пустая область (например, как в скрине выше), нарочно добавленная в той или иной области сайта для выделения наиболее важной информации;
  • естественная область пространства – расстояние между словами в строке или область “обтекания” вокруг фотографий, видео или рисунков.

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

ФАКТ!
Наличие достаточного количества пустого пространства на сайте салона красоты сделает лучше и удобнее восприятие информации.

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

Акции на сайте салона красоты: как привлечь внимание

А вот так он мог бы выглядеть.

Акции на сайте салона красоты: как привлечь внимание

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

Не забывайте о читаемости

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

Акции на сайте салона красоты: как привлечь внимание

И даже если вы выделили текст более-менее однотонным блоком, это все равно может не сработать, если текст слишком мелкий.

Акции на сайте салона красоты: как привлечь внимание

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

Акции на сайте салона красоты: как привлечь внимание

Избегайте опечаток и ошибок

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

Акции на сайте салона красоты: как привлечь внимание

Акции на сайте салона красоты: как привлечь внимание

«Лучших салонов города» в поиске материала для этой статьи мне встретился не один десяток. И только у одного увидела отсылку к тому, почему он действительно лучший.

Акции на сайте салона красоты: как привлечь внимание

Некоторые салоны вставляют фразу о том, что они - “лучшие”, даже в сниппет (краткий текст, сопровождающий ссылку на ваш сайт в выдаче поисковой системы).

Акции на сайте салона красоты: как привлечь внимание

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

logo
×

-

×
Простите, что прерываем ваше чтение

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

Предлагаем вам зарегистрироваться и продолжить чтение. Это займет всего полторы минуты.

У меня есть пароль
напомнить
Пароль отправлен на почту
Ввести
Введите эл. почту или логин
Неверный логин или пароль
Неверный пароль
Введите пароль
Я тут впервые
через социальную сеть
Зарегистрироваться
×
Простите, что прерываем загрузку

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

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

У меня есть пароль
напомнить
Пароль отправлен на почту
Ввести
Введите эл. почту или логин
Неверный логин или пароль
Неверный пароль
Введите пароль
Я тут впервые
через социальную сеть
Зарегистрироваться
Сайт использует файлы cookie. Они позволяют узнавать вас и получать информацию о вашем пользовательском опыте. Это нужно, чтобы улучшать сайт. Посещая страницы сайта и предоставляя свои данные, вы позволяете нам предоставлять их сторонним партнерам. Если согласны, продолжайте пользоваться сайтом. Если нет – установите специальные настройки в браузере или обратитесь в техподдержку.