На первом экране сайта, как правило, находится:
шапка сайта (логотип, контакты, кнопка «Заказать звонок»),
меню сайта,
статичный баннер с оффером (предложением товаров или услуг), или слайдер (смена кадров),
краткие преимущества,
форма обратной связи,
кнопка «Заказать» или кнопка «Подробнее».
Как сделать баннер или слайдер на первом экране, чтобы увеличить конверсию сайта:
Чётко и ясно (по возможности кратко) описать, что именно предлагает сайт. Например, «купить туристический рюкзак». Если человек в поисковой системе набрал такой запрос: «купить туристический рюкзак» и открыл сайт, на котором точно такое же предложение в слайдере сайта, то это стопроцентное совпадение предложения с запросом. Это увеличивает конверсию сайта на 20-30%.
Если же посетитель сайта набрал запрос «купить школьный рюкзак для мальчика 12 лет», а ему открылся сайт с надписью «купить рюкзак», то это совсем другой процент совпадения, который не увеличит конверсию сайта. Дело в том, что при дефиците времени, человек ищет конкретный ответ на свой вопрос и решение своей задачи. Нужен школьный рюкзак, а ему предлагают рюкзаки туристические, для девочек, взрослые для студентов и т.д., есть большая вероятность, что посетитель не будет искать среди тысячи рюкзаков именно тот, который ему нужен и уйдет на сайт конкурента.
Поэтому в последнее время веб-разработчики (в том числе веб-дизайнеры) придерживаются концепции подачи информации на сайте, которая называется «мультилендинг» и предполагает создание множества страниц сайта, в баннере которых написано конкретное предложение под ключевой запрос.
В любом случае, уникальное торговое предложение (УТП) в баннере имеет большое значение. И здесь веб-дизайнер должен постараться выделить текст УТП размером и цветом, привлечь к нему внимание, предложить скидку, акцию или особые условия, отличающие это предложение от предложения конкурентов.
На самом деле именно заказчик должен сформировать хорошее УТП, но не всегда руководители фирм могут составить хорошее предложение, так что часто формулировка УТП ложится на плечи именно проектировщика сайта.
Рис.9. Пример хорошего УТП в баннере сайта
Как ещё увеличить конверсию баннера:
Поставить на баннере кнопку «Заказать», «Перейти в каталог», «Оставить заявку» или призыв к действиям в виде формы обратной связи (формы заявки).
Установить акцию и дедлайн (ограничение времени для акции, например: «Купите рюкзак со скидкой 50% только до 25 июля!»).
Расположить красочное фото в баннере, отображающее товар или суть услуги, которую предлагает сайт.
Добавить товары-«локомотивы», которые создают спрос за счёт низкой цены.
Поставить привлекательный видеоролик в баннере, в котором показать товар или счастливых людей, обладающих этим товаром.
Добавить основные преимущества товара (не более 4-5 преимуществ). Например: бесплатная доставка, бесплатная установка, в подарок второй товар и т.д.
Не перегрузить баннер на первом экране лишней информацией и ненужными ссылками, уводящими на другие сайты (например, призыв «Подпишись на нас в соцсетях» уведёт потенциального клиента с сайта и заказ не состоится).
Сделать баннер не сильно сложным, но понятным и информативным, отображающим все бонусы и преимущества предложения.
Придерживаясь этих правил, можно создать баннер, который увеличит количество продаж и принесёт его владельцу прибыль.
6. Схема продающего сайта
Продающие сайты имеют примерно одинаковую внутреннюю структуру (расположение модулей на первой странице). То есть, создавая веб-дизайн сайта, не нужно «изобретать велосипед», а нужно лишь иметь перед глазами определённую схему и дополнить её в соответствии с темой сайта. Эта схема может быть удобно представлена в виде картинки или в виде списка модулей.
Конечно же, нет одной единственной универсальной схемы продающего сайта для всех. Например, на сайте с подарками акцент будет сделан на фотографии подарков высокого качества, а на сайте онлайн школы на первом месте будет описание курсов и программы курсов, а не фотографии.
Но, тем не менее, есть основные элементы (модули) сайта, которые присутствуют на первых страницах продающих сайтов или составляют структуру лендингов (одностраничных сайтов).
Основные элементы (модули) продающего сайта:
Первый экран с яркой картинкой, иллюстрирующей содержание сайта (фото товара или услуги, видеообзор товара, слайдер). На этом же экране обязательно должно быть УТП (уникальное торговое предложение) или оффер (короткое и емкое предложение товара или услуги). Здесь же будет кнопка «Купить» или призыв заказать услугу для тех, кто готов сразу заказать товар или услугу.
Преимущества фирмы в случае, если это корпоративный сайт. Для интернет-магазина обязательно на первой странице после баннера топовые торговые предложения (топ товаров). На сайте может быть ещё акция с дедлайном.
Рассказ о продукте и полный список его преимуществ с характеристиками и иллюстрациями (как правило, этот модуль бывает на сайте одного товара). Например, если страничка сайта посвящена продаже обучающего курса, то после первого экрана сразу же стоит поставить подробное описание курса, кому он подходит, его программу, результаты после обучения, преимущества, отсоединяющие продукт от продуктов конкурентов, и бонусы для клиентов. Для интернет-магазина этот модуль не нужен, там описание продукта будет в карточке товара.
Выгода для клиента и конечный результат. (Клиенту не нужна дрель, он желает сделать дырку в стене, поэтому в модуле «Выгода» нужно показать, как выглядит эта самая дырка и как легко её сделать). В случае обучающих курсов модуль «Ваше резюме после курсов».
Цены и тарифы. На сайте обучающих программ должна быть не просто стоимость обучения, а несколько тарифов на выбор. (Для интернет-магазина этот модуль не нужен, цены есть в каждой товарной карточке). Для сайта услуг могут быть тарифы на услуги или отдельные цены на каждую услугу.
О компании или команда. В этом модуле приводятся фотографии директора и конкретных сотрудников компании с описанием их должности, что значительно повышает лояльность аудитории сайта. В случае образовательного сайта фотографии преподавателей, или на сайте писателя его портрет и заслуги. См. рис.10.
Рис.10. Модуль сайта «Об авторе»
Социальные доказательства (реальные отзывы со ссылкой на соцсети, видеоотзывы и т.д.). В качестве дополнительного убеждения может быть модуль «Сертификаты, лицензии, дипломы, свидетельства».
Гарантии. Необходимый модуль для большинства лендингов и корпоративных многостраничных продающих сайтов. Гарантия качества, возврата, доставки, безопасности товара, гарантия результата для обучающих программ.
Доставка и оплата. Этот модуль необходим интернет-магазинам. Он поясняет, как оплатить товар (позвонить по телефону, или положить в корзину и оформить и т.д.), какие есть способы оплаты и подробно описывает условия платной и бесплатной доставки.
Для сайтов, продающих услуги, обязательно наличие модуля: «Схема работы с нами» (или «Этапы работы»).
Призыв купить или заказать с формой обратной связи. (Например: «Купите книгу сейчас, заполнив форму», или: «Остались вопросы, оставьте свои данные, и мы вам перезвоним»).
Контакты с интерактивной картой и ссылки на соцсети.
Ниже, на рис. 11 эти же модули представлены в виде общей схемы продающего сайта.
Рис.11. Схема продающего сайта
Еще раз хочу подчеркнуть, что это общая схема, которая в каждом случае будет нуждаться в дополнительных модулях в зависимости от темы и целей сайта. Задача проектировщика: создать наиболее полную схему с нужным количеством модулей, находящихся в определённом логическом порядке.