Курс «Как создать хороший продающий сайт эксперта»
Профиль в социальных сетях даже в виде бизнес-страницы — это не замена персональному сайту, это дополняющий инструмент для быстрых коммуникаций в привычной пользователю среде. Тренеру, консультанту, коучу, инфобизнесмену и любому другому эксперту нужна своя страница в Интернете. Вы узнаете, какой должна быть грамотная структура сайта эксперта, какую платформу выбрать, какие специалисты вам понадобятся и сколько это будет стоить.
Содержание курса:
1. Пять причин, по которым эксперту нужен сайт.
2. На какой платформе делать сайт эксперта?
3. Команда для создания сайта.
— Где и как найти специалистов?
— Сколько стоит работа специалистов?
4. Структура экспертного сайта: правильно и неправильно.
— Как структурировать меню.
5. Домен и хостинг для сайта эксперта.
6. Дизайн сайта эксперта.
— Коммерческая фотография.
7. Юзабилити сайта. 10 важнейших правил для эксперта.
8. Юзабилити и конверсия: как увеличить продажи.
9. Резюме.
Пять причин, по которым эксперту нужен сайт
Индексация
Индексация — процесс регистрации информации в поисковой сети и последующая выдача этих результатов в виде ответов на те или иные пользовательские запросы. Например, человек ищет семейного психолога в своем городе или районе. «Яндекс» или Google могут подсказать потенциальному клиенту, к кому обращаться с этим запросом, только если у них в индексе (реестре сайтов) есть релевантная информация: «Психолог, Москва, район Тушино. Специализация — семейная практика, межличностные отношения».
Поиск по информации
Иногда человек сам не знает, чего он хочет: то ли семью, то ли карьеру, то ли срочно на море. И в поиске ответов задает поисковой системе вопрос, не подразумевающий поиск специалиста. Ваш профиль со всеми регалиями в такой момент совершенно бесполезен, так как запрос задается по принципу «депрессия и постоянные поиски еды». Вы, будучи специалистом, прекрасно знаете, что можете помочь за пару сеансов. Но об этом не знает и даже не подозревает ваш потенциальный клиент. У него нет в голове устойчивой связи между проблемой и специалистом, способным ее решить. Если у вас есть сайт эксперта, на котором обозначены проблемы и предлагаются пути решений, у вас есть шансы получить запрос от человека, которому вы нужны.
Концентрированный интерфейс
Персональный сайт — это систематизированная подача информации, необходимой клиенту:
— ваше образование;
— квалификация и опыт;
— контакты;
— перечень услуг;
— цены.
Определиться, принять решение и заказать услугу можно без длительных размышлений.
Доверие
Наличие на сайте реквизитов и социальных доказательств (сканы дипломов, отзывы с открытыми ссылками на профили, контакты), а также убедительный профессиональный дизайн — это психологический триггер, который работает на пользу вашему имиджу. Человек, который вложил деньги в создание сайта, выглядит в глазах «холодной» аудитории более солидным, чем человек, у которого есть только профиль в социальных сетях и номер WhatsApp.
Платежные возможности
На сайте эксперта можно легко реализовать возможность быстрой оплаты. Иногда решения о покупке консультации, онлайн-курса или другой услуги принимаются спонтанно, импульсивно. Деньги есть здесь и сейчас. Поэтому возможность сделать быстрый заказ — большой плюс к вашей финансовой эффективности. Это также элемент социального доверия: некоторые клиенты уже знают, что получить платежную форму не так-то просто, мошенники, пираты и нелегальные предприниматели предпочитают кошельки WebMoney. Кроме того, многие клиенты в курсе, что, когда они оплачивают «на карточку», в случае проблем с исполнением декларированных обещаний компенсации добиться трудно. У людей возникают сомнения в легальности работы такого специалиста, равно как и в его квалификации. Соответственно, минус конверсия, минус клиенты — зато плюс пара проблем от достаточно въедливых и пронырливых конкурентов, которые не постесняются использовать этот факт против вас. Поэтому логичнее создать на сайте официальный договор оферты, привязать платежную систему, онлайн-фискализацию и электронную цифровую подпись. Сложно? Ничуть. Проделать такую процедуру достаточно один раз, это займет около недели, а сайт будет работать и приносить доход годами.
На какой платформе делать сайт эксперта?
Сайт — это не набор из логотипа, фотографий, текста и платежной системы. Это в первую очередь код. Каждый элемент видимого и «закулисного» содержимого сайта — это определенный набор команд, задаваемых в программном коде. Много лет назад сайты в обязательном порядке «писали» с помощью этого кода, а в соответствующих журналах публиковали такие коды для самостоятельного программирования. Сейчас подобная методика используется или «староверами», отвергающими любые достижения современности, или людьми, которым нужны невероятно персонифицированные решения для сайта. Опасность такого метода заключается в том, что вы полностью зависимы от программиста, ошибки неизбежны и многочисленны и их исправление займет не один месяц. Да, через полгода-год вы получите индивидуальный и абсолютно уникальный сайт, но ценой огромных денег и временных потерь. Это как платье от кутюрье — ни у кого больше такого нет, но у цены много нулей и выйти в нем можно только на красную дорожку, а в других местах оно будет слишком роскошным.
Если вы коуч, преподаватель, тренер и любой другой эксперт, особенно начинающий, то есть куда более простое, быстрое и дешевое решение — сайт, который построен из готовых элементов, представленных той или иной CMS — системой управления содержимым. Преимущество конструктора в том, что вам не нужны специальные технические знания, не нужны даже основы программирования и веб-дизайна. Вы можете выбрать готовый шаблон и адаптировать его под себя. Поменять цвет, добавить фирменные элементы, отзывы клиентов, свои фотографии и тексты.
На CMS уже продуман и запрограммирован функционал: прием заявок и платежей, виджеты для общения с заказчиками и даже для проведения онлайн-уроков на закрытых страницах.
Конструкторов множество, и если говорить о рекомендациях для новичков, то выбор стоит остановить на двух популярных платформах:
— WordPress;
— Tilda.
В первом практически неограниченные возможности для реализации функционала и дизайна, но для того, чтобы самостоятельно сверстать приличный и хорошо работающий сайт, потребуются определенные знания. Обратите внимание на наш курс о пошаговом создании бизнес-сайта на WordPress. Еще эта платформа отлично подойдет вам, если у вас есть проверенный в работе администратор и веб-дизайнер.
Tilda — самый элементарный как в освоении, так и в верстке конструктор с идеально продуманной инструкцией для новичков. Функционал довольно ограничен, изначально эта платформа подразумевала быструю верстку лендингов. Тем не менее для базового персонального сайта более чем достаточно, кроме того, программные возможности этой CMS регулярно обновляются. Единственный ее минус — ежегодная плата, но она оправдывает простоту обновления, дополнения и управления контентом. Создать одно- или многостраничный сайт на Tilda можно, даже не имея никаких дизайнерских навыков или знаний о программировании. Страницы конструируются из готовых блоков, в которых верстка предусмотрена заранее, а все настройки меняются интуитивно понятным боковым меню. На сайте платформы есть подробные видеоуроки для начинающих и огромный справочник по функционалу и возможностям.
Не рекомендуется выбирать для персонального сайта сложные, дорогие и требующие квалифицированной работы платформы типа Bitrix или Joomla. Слишком много настроек, малопонятный интерфейс и масса «глюков».
Команда для создания сайта
Если вы не готовы делать сайт самостоятельно, можно найти специалистов, умеющих взаимодействовать друг с другом. Это может быть сформированная команда агентства, это может быть один специалист, которому вы доверяете, который выступит в роли подрядчика и привлечет остальных на свой вкус, это могут быть отдельно найденные вами по объявлениям специалисты.
Вам понадобятся:
— веб-дизайнер;
— веб-мастер (он же админ);
— копирайтер;
— фотограф;
— тестировщик.
Опционально может потребоваться программист, если вы собираетесь делать сайт с нуля или добавлять в него функции, не предусмотренные стандартными наборами CMS.
В теории, пользуясь конструктором уровня Tilda, вы можете сделать все самостоятельно. Для этого достаточно иметь хоть немного вкуса, чувства цвета, базовых знаний о создании грамотных текстов и о дизайн-сервисе Canva. Строительство сайта на CMS похоже на конструирование скульптуры из кубиков лего. Вы просто представляете конечную картину, ее объем и собираете из разрозненных деталей единое целое.
Если же никакими талантами, связанными с дизайном и копирайтингом, вы не обладаете — придется искать специалистов.
К сожалению, большинство новичков совершают одну и ту же ошибку: на помощь привлекается некий «умелец», который берет на себя функции и администратора, и копирайтера, и дизайнера, и тестировщика одновременно. И чтец, и жнец, и на дуде игрец. Результат соответствующий.
«Универсальных солдат», умеющих делать все и одновременно, не просто не существует, а не может существовать в природе. Для выполнения различных задач нужна разная «заточка» мышления. Например, у дизайнера должны быть хорошо развиты воображение и художественный вкус, он однозначный визуал. А тестировщик — дигитал, въедливо рассматривающий каждую деталь сайта не с позиции эстетики, а через призму ровной верстки, правильного отображения функций и наличия/отсутствия мелких ошибок, неизбежно допускаемых в работе, когда «глаз замыливается».
Поэтому разумный подход к созданию сайта — это обращение к отдельным специалистам, каждый из которых выполняет свою часть работы.
Некоторые эксперты считают, что лучше найти этих отдельных специалистов самостоятельно, а не обращаться в веб-студию. Казалось бы, наоборот, проще отдать ваш проект на аутсорсинг целиком, поручить его сложившейся команде агентства и забрать сделанным «под ключ». К сожалению, во многих студиях заказчику стараются продать не то, что нужно ему, а то, что удобно команде. Например, администратор не слишком любит Tilda, поэтому красиво уговорит вас на более дорогой и неудобный вам (но хорошо кормящий самого веб-мастера) Bitrix. Или штатный копирайтер, чье портфолио понравилось вам в рекламе веб-студии, окажется настолько далеким от вашей темы, что читать его тексты будет невыносимо.
Где и как найти специалистов?
Два самых простых варианта:
— биржи фриланса;
— рекомендации социальных сетей.
Несмотря на то что социальные сети ближе и популярнее, на бирже у вас есть сервис «Безопасная сделка» и возможность уберечься от мошенничества, срыва сроков за ваш счет и прочих неприятностей. Ваша задача — составить максимально четкое техническое задание (ТЗ), согласно которому будет делаться работа. Чем меньше деталей и ясности, тем больше шансов, что на выходе вы получите не то, что хотели.
Уделите максимум времени созданию внятного и структурированного ТЗ. Нарисуйте прототип своего сайта: как сайт должен выглядеть, какие элементы и где располагаются, какие функции должны быть реализованы. Все это нужно сделать вам. Переложив решения на «специалиста, который лучше в этом разбирается», вы практически со стопроцентной гарантией получите совершенно не то, что представляли. И добиться доработки просто потому, что вам не понравилось, будет невозможно — в ТЗ подробностей не указано. Именно так плодятся и множатся сайты, которые сданы и оплачены, но заказчик считает, что «все надо переделывать».
Важно: составление технического задания на сайт — это отдельная услуга, которая тоже предлагается фрилансерами. Часто она стоит почти столько же или столько же, сколько и разработка сайта. У большинства предпринимателей и экспертов нет ни малейшего опыта по составлению ТЗ, зато они быстро приобретают опыт заказа нефункциональных и некрасивых сайтов, которые «снова надо переделывать». Чтобы минимизировать подобные риски, не спешите с заказом.
Сначала изучите:
— как устроены сайты конкурентов — что вам нравится, что не нравится;
— какие возможности есть у платформы, на которой вы планируете сделать сайт, какие функции и дизайнерские элементы из задуманных вами можно и нельзя реализовать;
— портфолио выбранных вами специалистов на предмет наличия проектов, максимально похожих по функционалу (дизайну, тексту) на то, что вы в идеале хотите видеть у себя.
Заложите двойной бюджет на разработку сайта. В лучшем случае потратите неизрасходованный остаток на рекламу.
Сколько стоит работа специалистов?
Понятно, что «средней температуры по больнице» не бывает. Заказать текст для сайта можно и за 500 рублей, и за 50 тысяч (причем часто с одинаковым результатом на выходе). В любом случае стоит понимать, что низкую цену предлагают только новички, которые пытаются таким нехитрым способом демпинговать и набирать клиентов. Среди них встречаются «самородки», но отсутствие опыта — это неизбежные ошибки, которые со временем скажутся на вашей конверсии.
Обращение к «звездам» тоже не панацея, если вы только не стоите лично над душой у человека и не видите, как он выполняет эту работу. У раскрученных и популярных велик соблазн делегировать работу более «дешевым» коллегам. Особенно часто этим грешат те, кто прекрасно разбирается в реалиях рынка и легко может вычислить того самого «самородка» среди демпингующих фрилансеров.
Очень усредненные ценовые показатели:
- Средняя цена приличного дизайна для сайта — 200–400 долларов.
- Стоимость верстки и настройки готовых страниц сайта на конструкторе — 200–300 долларов.
- Стоимость текста для страницы сайта — 50–100 долларов.
- Стоимость тестирования сайта — 20 долларов в час (в среднем на небольшой сайт уходит 2–3 часа).
- Финальная цена небольшого функционального сайта — 800–1200 долларов.
Структура экспертного сайта: правильно и неправильно
Персональный сайт эксперта — ресурс, на который заходят совершенно незнакомые вам люди, желающие решить свои проблемы. Не полюбоваться на ваши фотографии, не прочитать восхитительную историю вашего взлета, не побродить наугад среди ваших статей на разные темы, а решить свои проблемы.
Потенциальному клиенту важно:
— найти вас по заданным параметрам запроса (например, «врач, который избавит от болей в спине, Москва и МО»), а не только по вашим Ф.И.О. и регалиям;
— понять, что вы легально работающий специалист с подтвержденным опытом и практической ценностью;
— понять, что вы можете решить конкретную возникшую у человека проблему;
— прицениться без необходимости «писать в “Директ”»;
— понять, что цена, которую вы просите, соответствует ценности ваших услуг и получаемым результатам;
— решиться обратиться именно к вам, а не пойти посмотреть, кто еще предлагает те же услуги дешевле.
Любая малополезная и ненужная информация только запутает посетителя, отвлечет и заставит потерять время в поисках ответа на конкретный вопрос: «Вы можете мне помочь?»
Как определить, что информация ненужная? Задать себе вопрос: помогут ли ваши биография, творческий путь, миссия и перечисление регалий вашему клиенту? Сможет ли он, прочитав эту информацию, быстро определиться с выбором и заказать услугу именно у вас? Если нет, оставьте литературные изыскания для раздела «Личный блог», там они вполне уместны.
В меню сайта эксперта должны быть:
— Самопрезентация.
Правильный формат — «решение проблемы»: «Делаю/помогаю/избавляю/исцеляю». Определение аудитории: «Оказываю услуги малому бизнесу, помогаю беременным, занимаюсь с детьми и подростками». Преимущества и ценность обращения именно к вам, а не к тем, у кого то же самое, но дешевле.
— Четкое перечисление услуг.
— Ценовая политика (почасовая, посеансная, попроектная).
Писать цены на сайте важно и нужно. Даже если они высокие и вам кажется, что «клиент увидит и уйдет». Согласитесь, с сайта Chanel далеко не уходят, даже увидев «космические» цены. Люди, которые ценят этот бренд, готовы за него платить. Если вы убедительны и если вы донесли до клиента смысл и ценность ваших услуг, цена не отпугнет. Зато поможет человеку быстрее сориентироваться, когда он способен ее заплатить — сейчас или, например, после зарплаты.
— Блог специалиста / раздел со статьями.
Необходим для продвижения по разнохарактерным запросам. Принципы поискового продвижения таковы, что на одной странице уместить все потенциально полезные для вас поисковые запросы нельзя. Но вы можете создать 50–100 страниц и на каждой раскроете определенную тему, которая поможет вашему клиенту найти вас. Именно для этой цели и создаются разделы статей и блоги экспертов. Кроме того, с помощью блога вы можете продемонстрировать свой опыт, знания и квалификацию. Статейный контент помогает установить режим доверия с людьми, которые вас пока что не знают, поэтому плохо представляют себе, как вы работаете и можете ли помочь с решением их проблем. Статейные материалы прекрасно снимают возражения.
— Портфолио.
Если вы копирайтер, дизайнер, художник, вы можете смело демонстрировать свои работы. Чем больше измеримых и показательных результатов, на которые потенциальный клиент может ориентироваться, тем лучше.
— Отзывы.
Социальные доказательства вашей экспертности — залог доверия. Просите клиентов оставить вам отзыв, например, на странице Facebook или «ВК», откуда вы можете в дальнейшем сделать скриншот. Не стесняйтесь напоминать об отзывах, ведь часто даже самые благодарные клиенты и пациенты забывают их написать.
— Контакты.
Если вы принимаете офлайн, обязательно уточните, в каком вы городе (районе), опубликуйте схему проезда и при необходимости — подробное описание, как сориентироваться на месте. Для онлайн-консультаций будет достаточно данных телефона, мессенджера, скайпа. Постарайтесь учесть возможные предпочтения своих клиентов и не стесняйтесь обозначать, в какое время вам можно звонить. Если вы подолгу бываете заняты, напишите об этом: многие нетерпеливые клиенты хотят специалиста «здесь и сейчас» и очень сильно раздражаются, когда им подолгу не отвечают. В идеале стоит завести именно рабочий телефон (не личный), который вы сможете отключать на выходные.
Рабочую электронную почту стоит завести с доменным именем сайта, например consultant@infomed.expert, — это выглядит более убедительно и солидно, нежели consultant-infomed@mail.ru. Доменную почту можно привязать к обычному аккаунту «Яндекса» или Gmail.
Как структурировать меню
Типичная структура меню предполагает стандартное (привычное пользователям) расположение элементов в порядке слева направо:
— кликабельный логотип;
— «О себе»;
— «Услуги»;
— «Цены»;
— «Портфолио»;
— «Отзывы»;
— «Статьи»;
— «Контакты».
Вносить лишний креатив в структуру меню не стоит, пользователь попросту теряется и не может адекватно ориентироваться на сайте. При необходимости в меню можно встроить дополнительные элементы, не перемещая базовые. Меню не должно быть выпадающим в десктоповой версии. В мобильной привычным и понятным будет меню-«гамбургер», которое раскрывается нажатием на кнопку с тремя горизонтальными черточками.
Важно: в практике создания сайтов есть такое понятие, как «принцип ненасилия». Это означает, что на странице не должно быть автоматически включающихся элементов, которые мешают просмотру. К числу раздражителей, при появлении которых потенциальный клиент закрывает сайт и уходит, относятся:
— всплывающие модальные окна на весь экран;
— предложение подписаться на уведомления сайта в первые несколько секунд после открытия страницы;
— предложение определить местоположение пользователя;
— музыка или автоматически включающееся видео;
— мельтешащие по экрану анимированные элементы.
Все, что мешает комфортному просмотру страницы, в особенности в мобильной версии, где неудобно нажимать на крохотный крестик «Закрыть», приводит к тому, что пользователь раздражается и уходит.
Домен и хостинг для сайта эксперта
Как назвать свой сайт? Самый простой и логичный вариант — имя+фамилия.ru (.com).
А если это имя уже кем-то занято? Или у вас сложная фамилия, которую тяжело запомнить или тем более превратить в адрес?
На помощь приходят конструкции с тематическими доменными зонами, например .art, .expert, .travel, .dance и даже .yoga. Например: informed.expert, hatha.yoga, online.guru или, наоборот, guru.online — это все доменные имена.
Если ни один из вариантов вас не устраивает, но вы уже заработали 20 миллионов, вы можете обратиться к доменному регистратору, например reg.ru, и зарегистрировать собственную доменную зону. Тогда ваш сайт будет называться, например, psiholog.mariaivanova. Еще можно разделить цену в 20 миллионов на 10, 100, хоть на 1000 человек и открыть совместную зону, к примеру, .infobiz. Конечно же, начинающему специалисту такие сложности ни к чему.
С хостингом все просто: для сайтов, сделанных на конструкторе Tilda, сторонний хостинг просто не нужен, таковой уже входит в ежемесячную/ежегодную плату. Для сайтов на платформе WordPress найти подходящего хостинг-провайдера можно за два часа: посмотреть отзывы, предлагаемые тарифы, выбрать оптимальный по цене при достаточном количестве места и пользоваться в свое удовольствие.
Дизайн сайта эксперта
Дизайн не должен главенствовать, перетягивать на себя внимание, даже если вы дизайнер и ваш сайт — это своеобразная визитка. Для того чтобы оценить ваши умения, есть раздел «Портфолио».
Лаконичность и читабельность — два главных качества хорошего дизайна для сайта.
Базовый цвет, на котором находится текст, — это всегда белый или очень светлый пастельный оттенок, на котором без труда читается черный шрифт.
Синий на красном фоне, зеленый на розовом, голубой на апельсиновом могут быть сколько угодно красивы, но для сайта эксперта они не годятся. Цветной фон — это вообще крайне капризная вещь. В особенности если он идет вразрез с цветовой гаммой на вашей фотографии или если шрифт на нем недостаточно хорошо виден.
То же касается логотипа и других украшений сайта: нежелательны лишняя пестрота, анимация, мелькание и движение, сочетание не сочетаемых цветов.
Сайт — это не палитра Pantone, это информация об эксперте. После пяти минут вдумчивого чтения у посетителя не должна начинаться мигрень.
Для поиска вдохновения и красивых идей можно использовать вот этот сайт:
https://www.thebestdesigns.com/
Для идей логотипов и фирменного стиля:
Для создания авторской графики:
Считается, что обязательно нужно «уходить от клише», то есть на сайте врача не должно быть «опознавательных знаков» в виде стетоскопа и красного креста, а на сайте фитнес-тренера — гантелей. Вот здесь, пожалуй, стоит поспорить с модным предложением «отстраиваться от конкурентов» и срочно впадать в креатив. Существуют определенные шаблоны восприятия, которые прочно связывают тематику сайта с его визуальным рядом. И, если эти шаблоны никак и нигде не отражены, посетитель не поймет, где он вообще находится. И подумает, что ошибся адресом или сайт переехал, — и закроет страницу. В дизайне для бизнес-сайтов «стандартные» элементы — норма. Креатив — это специя, которую можно добавлять в «основное блюдо» в небольших количествах.
Коммерческая фотография
Оценить эстетику и коммерческую пригодность фотографий можно с помощью вот этого простого сервиса:
https://www.everypixel.com/aesthetics
Фото эксперта на сайте должно быть:
— качественным;
— серьезным;
— в открытой позе;
— с доброжелательным выражением лица и прямым взглядом;
— без лишнего «творчества» и неясных надписей;
— в уместной, новой/отглаженной/чистой одежде.
Человек, заходящий на ваш сайт впервые, не знает вас. Он не знает, что у вас золотые руки, блестящий интеллект и огромный опыт. Он еще не прочел десятки полезных статей и сотни восторженных отзывов. И если он видит на первой странице небрежно сделанное, странное или некачественное фото, выводы о вашем отношении к собственной работе и имиджу в глазах потенциальных клиентов сделает его подсознание.
Юзабилити сайта. 10 важнейших правил для эксперта
Скорость загрузки страниц. Чем она выше, тем лучше. Клиент не будет ждать, когда загрузятся все ваши картинки, анимация и прочее, тем более если помощь специалиста нужна здесь и сейчас. Нормальная скорость загрузки страницы — не более двух секунд. Этот факт подтверждают многочисленные исследования, доказывающие, что читаемость сайта и его конверсия коррелируют со скоростью загрузки напрямую. Не забывайте про сервис tinyjpg — он оптимизирует (уменьшает до стандартных экранных размеров) огромные исходные фотографии и картинки.
F-паттерн. Кириллица и латиница читаются слева направо. Поэтому самый важный контент специалисты рекомендуют размещать в левом верхнем углу и в верхних строчках. Именно отсюда в стародавние времена взяло исток уже неактуальное правило «вписывать ключевую фразу в первый абзац». Чем ближе к концу страницы и к правой ее части, тем меньше шансов у текста быть прочитанным. Этот факт подтвержден исследованиями по айтрекингу (движению глаз пользователя). 70% людей читают текст «буквой F».
Читабельность для людей с неидеальным зрением. Больше половины людей страдают различными нарушениями зрения, в том числе близорукостью, дальнозоркостью, дальтонизмом. Поэтому информация, которую вы хотите донести до пользователей, должна быть написана достаточно крупным, простым, черным шрифтом на белом (очень светлом) фоне. Не нужно выделять слова цветным маркером. Слова, являющиеся анкорами ссылок, выделяются стандартным синим цветом. Активированная ссылка (по которой уже переходили) — бордовым.
«Воздушное пространство». Пользователи не любят читать много текста, тем более слитого в единый монолитный блок, который в журналистской среде метко называют «кирпичом». Между абзацами и блоками элементов на сайте должно быть «воздушное пространство».
Структуризация. Текстовые блоки структурируются с помощью подзаголовков, маркированных или нумерованных списков, а также упомянутого выше «воздуха» между абзацами и подразделами. Выравнивание — по ширине. Центрирование и выделение жирным курсивом допустимо для цитат и ключевых мыслей, имеющих особое значение. Выделять жирным, цветным шрифтом или курсивом слова-триггеры или «ключи» в тексте не нужно.
Ненавязчивая коммуникация. В магазине вам не нравится, когда консультант бросается к вам с вопросом: «Чем я могу помочь?» — и в такой же мере пользователю неприятно, когда его вдумчивое чтение нарушает модальное окно с вопросами в духе «Что вам подсказать?». Оставьте виджет обратной связи в состоянии «пользователь видит, что эта возможность у него есть», но без автоматического всплывания чат-бота.
Все возможности и разделы сайта видны сразу. Если у вас лаконичное меню, пользователь сразу видит, какие разделы есть на сайте и что можно почитать. Тем более всегда предусмотрена возможность возвращения на главную страницу с помощью сквозного кликабельного логотипа в шапке сайта. Если сайт сложносочиненный, с большим количеством подразделов, уместно сделать сквозную карту сайта (видимую со всех страниц) и навигационную цепочку «хлебные крошки», указывающую, в каком разделе/подразделе находится пользователь.
Быстрая регистрация/подписка. Сообщать свои паспортные данные, логины и пароли, вводить капчу — это то, что пользователи сайтов очень не любят делать. Поэтому форму подписки имеет смысл ограничить одним полем — e-mail, на который приходит письмо-подтверждение. Форму заявки на услугу — полями «Имя» и «Контакты». Все остальные параметры (чем вам помочь, в чем ваша проблема, какие симптомы и т.д.) можно выяснить позже.
Общение с пользователем после заявки/покупки/регистрации. Заказ принят, заявка в обработке, подписка оформлена — все это пользователь хочет увидеть в качестве подтверждения успешности своего действия. Даже если вам это кажется очевидным и ненужным. После регистрации хотя бы в двух словах объясните, что будет дальше (придет письмо, позвонит менеджер, нужно прийти в назначенное/выбранное время, перезвонить). Иногда пользователь попадает на несуществующую или неактуальную страницу (код ошибки 404), и в таком случае ему стоит пояснить, где он находится, и предложить вернуться на главную.
Понятные ссылки. Нажимая на ссылку, посетитель также хочет понимать, какое действие он совершает — подписывается, делает заказ, покупает что-то, бронирует etc. Ссылки формата «нажми сюда» или «согласен» вызывают закономерное подозрение.
Юзабилити и конверсия: как увеличить продажи
Определитесь с тем, во что конвертируете страницу
Одна из типичных ошибок юзабилити — это выстраивать весь сайт под умозрительные «продажи». К сожалению, не работает. Человек, который приходит на ваш ресурс первый раз в жизни, еще не знает вас, не пробовал то, что вы предлагаете, и уровень доверия у него нулевой. Если у вас из всех вариантов взаимодействия с сайтом только кнопки «Купить», то у пользователя выбор прост: или решительно заплатить деньги, или столь же решительно уйти.
Важно: конвертировать трафик сайта можно не только в прямые продажи. Поставьте перед собой промежуточные цели:
— увеличить количество подписчиков;
— увеличить количество скачиваний бесплатных ознакомительных материалов;
— привлечь больше людей на продающий вебинар.
Промежуточные варианты дают возможность познакомиться с вами, получить первую измеримую пользу, взвесить ее итоги и понять, что вам можно верить и платить.
На вашем сайте есть варианты таких коммуникаций? Если нет, добавьте.
Например, вы можете предложить пользователям скачать бесплатную мини-книгу (и получить адрес электронной почты для дальнейшей рассылки).
Вы можете предложить пройти тест, по результатам которого пользователь получит персонифицированные советы и рекомендации эксперта.
Пользователь может подписаться на ваши социальные сети и принять участие в розыгрыше.
Возможностей для коммуникации и конверсии в «теплую» аудиторию — множество, и ими нужно пользоваться.
Не выстраивайте географию «по дефолту»
Очень важно: ваши потенциальные клиенты могут находиться в самых разных городах и даже странах. Возможно, вы удивитесь, но русскоязычных людей, проживающих за пределами России, порядка 400 миллионов.
— Обязательно пишите, в каком городе вы находитесь.
— Указывайте валюту, в которой предлагаете платить.
— В контактах обозначьте варианты для тех, кто будет звонить вам из других городов и стран.
— Если вы используете функцию обратного звонка или регистрации пользователя через SMS, постарайтесь избежать ограничения «только российские номера». Платежеспособные клиенты, проживающие в Европе или Америке, на такие «ограничители» очень обижаются.
— Если вы принимаете офлайн, опишите схему проезда и прохода до вас максимально детально.
Mobile first
С 2018 года поисковыми системами принято правило mobile first. Это значит, что в приоритете — мобильная версия сайта. Если она не адаптирована и ваши страницы неудобно читать, держа телефон всеми возможными способами, вы вряд ли добьетесь серьезного успеха.
Призывы к действию должны быть понятными
На кнопках должно быть написано, что именно предлагается сделать: «Подписаться на рассылку», «Купить», «Отправить». Излишний креатив в духе «Улучшить свою жизнь» или «Вступить в клуб миллионеров» хорош только для навигационной кнопки на лендинге, когда пользователя перенаправляют к блоку продаж. На сайте это лишнее.
Целевые кнопки
Целевые кнопки, которые связаны с конверсией, должно быть хорошо видно. Сделайте их цветными, крупными и удобными для нажатия с мобильного телефона. Это кнопки «Купить», «Подписаться» и «Поделиться», а также «Обратный звонок» и «Запись на прием».
Минимализм форм
Любой скрипт для целевого действия — покупки, записи и т.д. — максимально сокращайте. Все ненужные данные (телефон, адрес, индекс) безжалостно убирайте из формы. Чем больше полей нужно заполнить пользователю для регистрации или покупки, тем меньше шансов, что он этот квест пройдет. Если какие-то поля необходимы и обязательны для заполнения, снабдите их комментарием, для чего это нужно. Например, вы берете номер телефона, чтобы менеджер мог созвониться с клиентом в случае отмены или переноса приема.
Побуждение к действию
Часто пользователи на сайте не знают, что можно получить какое-то преимущество или воспользоваться предложением. Это известно вам, но не человеку, который пришел первый раз и еще не разобрался, что здесь дают. Яркая и понятная кнопка с целевым действием «Получи подарок» или «Подпишись на рассылку» даст быстрое указание к нужному действию.
Социальные сигналы
Если ваш сайт настолько хорош, что им хочется поделиться с друзьями, дайте возможность это сделать с помощью кнопок репоста в социальных сетях.
Резюме
Сайт эксперта выглядит просто, но при всей внешней лаконичности представляет собой продуманную «формулу», в которой главные роли играют три «персонажа»:
— убедительность;
— гармония;
— понятность.
Достигается эта синергия с помощью многократной примерки и подгонки элементов, из которых состоит контент сайта: детали дизайна, фотографии, тексты, юзабилити. Каждый из этих элементов должен быть выполнен профессионально.
Создать сайт эксперта можно как самостоятельно, так и с помощью узкопрофильных специалистов, при наличии заранее написанного и схематически прорисованного прототипа, а также четкого ТЗ.
В выборе между стандартизацией и креативом решение стоит принимать в пользу привычных и понятных элементов конструкции.
Стоимость готового сайта (создаваемого под постоянным контролем эксперта) — 800–1200 долларов. Средние параметры временных затрат — около месяца.
Самое главное на сайте эксперта — доверие. Каким бы вы ни были высококлассным специалистом, об этом знаете только вы, но не тот человек, который может оценить вашу квалификацию исключительно опосредованно — с помощью визуальных и текстовых элементов вашей интернет-страницы. Просто помните, что сайт — это не визитка, это ваш портрет. Каким он будет — решать только вам. И от этого решения будет зависеть, скольким людям захочется вам довериться.
Если вы решили обратиться к специалистам, обратите внимание на наш мини-курс «Как создать сайт руками профессионалов». Вы узнаете, как правильно сформулировать свои желания и написать техническое задание, как выбрать подрядчика, как контролировать процесс создания сайта и самое главное – как принять готовую работу, чтобы ее не пришлось переделывать или заказывать заново.
