5 Простых Этапов Создания Идеального Продающего Сайта

Print Friendly, PDF & Email

Как сделать сайт, который приносит ощутимую прибыль?

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

Эти 5 простых этапов сделают из вашего ресурса денежную машину.

Этап 1. Правильные шрифты

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

  • Не используйте больше 3 семейств шрифтов на сайте. Выберите один для заголовков и подзаголовков и один для основного текста.
  • Лучше использовать шрифт без засечек. Он легче воспринимается и хорошо читается на телефонах и планшетах. Шрифт с засечками лучше использовать в длинных текстах (например, в книгах, журналах). Ваш лендинг не похож на энциклопедию, верно?
  • Посетите ваши любимые блоги и сайты, чтобы посмотреть, какие шрифты используют они. Просмотрите также сайты конкурентов.

Например, мы на своих лендингах используем 2 семейства шрифтов без засечек разного размера:

шрифты

Этап 2. Цвет

Вот это действительно непростая задачка… Выбрать нужные цвета для Landing page или сайта.

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

  • Используйте цвета вашего бренда и логотипа на сайте;
  • Не используйте больше 5 цветов. Идеально – 4. Можете добавить несколько оттенков каждого. Но цвета вашего бренда должны быть основными.
  • Помните о вашей аудитории. Например, если это мужчины среднего возраста, лучше откажитесь от розовых цветов и оттенков. Если вы работаете в нише здоровья, выберите синие, белые или зелёные цвета. О влиянии цвета на психологию можно написать не одну книжку. Но вы сами интуитивно понимаете, какой цвет выбрать. Или вы и правда думаете, что сайт о мужском бодибилдинге, оформленный в розовом цвете с фиолетовым горошком, будет иметь успех?

Этап 3. Использование правильных картинок и фотографий

Представьте, вы заходите на сайт, чтобы выбрать автомобиль. Он сделан в красивых цветах, на нем есть красивый текст, написанный правильным шрифтом. Но на месте, где должен быть товар, за которым вы пришли, – кактус. Вы не понимаете, зачем он здесь? Что за шутка? И уходите с сайта. Или ещё хуже. На месте, где вы ожидали увидеть красивый Porsche во всех ракурсах – пусто.

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

Например, смотрите, какие картинки на своём сайте использует крупный украинский Интернет-магазин Pozetka. Их товары хочется подержать в руках:

картинки на сайте
картинки на сайт

Как выбрать правильную картинку:

  1. Решите, где вы будете её использовать;
  2. Спросите себя, какие ощущения она вызывает?
  3. Вызывает ли доверие к вашему бренду и предложению?

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

Этап 4. Навигация по сайту

Лучший вариант: простой заголовок с логотипом и до 7 вкладок. Большое количество ссылок, опций и вкладок ухудшает пользовательский опыт. Вот как это сделано на нашем сайте:

меню сайт

Создайте такие страницы:

  • Домашняя страница. Если на вашем сайте много разного контента, вам нужно помочь посетителям вашего сайта. На этой странице вы можете рассказать о себе, показать самые популярные товары и материалы, разместить лид-магнит;
  • Товары/услуги. Сделайте такой раздел на сайте, и потенциальные покупатели будут понимать, где искать нужную им информацию. Вы можете объединить в этом разделе все страницы с вашими предложениями;
  • Примеры/отзывы/портфолио. Ваши потенциальные клиенты хотят знать, какое качество ваших услуг и товаров, поэтому им нужны доказательства. Сделайте отдельный раздел на сайте и не заставляйте человека тратить время на поиски. Пусть знает, что ваше предложение – идеально =)
  • Блог. Использование контент-маркетинга надолго обеспечивает вас клиентами. Он позволяет привлекать трафик даже через долгое время. Поэтому позаботьтесь о том, чтобы люди находили ответы на свои вопросы на вашем ресурсе. Ведите блог, где будете делиться полезными советами и интересными мыслями с потенциальным клиентом.
  • Контакты. Это обязательная страница на вашем сайте. Почему? Человек должен понимать, что вы не вымышленный персонаж на просторах Интернета и в случае неожиданной ситуации вас можно найти. Информация на этой странице тоже увеличивает доверие к вашей компании, а значит — увеличивает количество конверсий.

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

Шаг 5. Блок с лид-магнитом

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

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

лид-магнит

Заключение

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

Было полезно? Ставьте лайк под статьёй. Это будет отличным стимулом для меня подготовить еще больше полезных материалов о дизайне.

Есть немного свободного времени? Тогда вам нужно знать, как адаптировать свой идеальный продающий сайт под мобильные устройства. Читайте прямо сейчас: 11 Обязательных Фишек Адаптации Вашего Сайта Под Мобильные Устройства!