Читать книгу Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Никулина - Страница 8

Глава 1. Конверсия сайтов. Проектирование продающих сайтов. Схема продающего сайта
5. Баннер на первом экране

Оглавление

Очень важно при проектировании сайта в деталях описать первый экран сайта. Именно с первого экрана начинается просмотр сайта, и именно от того, как там подана информация, зависит, – останется ли посетитель сайта или перейдёт на другой сайт.


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


Если он не находит ответа на свой вопрос, – он уходит с сайта к конкурентам. Поэтому спроектировать первый экран нужно правильно, чтобы удержать посетителя сайта.


Запомните: всего несколько секунд человек оценивает сайт по первому экрану и решает, – остаться на нём (чтобы сделать заказ) или перейти к конкуренту.



Рис.8. Первый экран сайта


На первом экране сайта, как правило, находится:

– шапка сайта (логотип, контакты, кнопка «Заказать звонок»),

– меню сайта,

– статичный баннер с оффером (предложением товаров или услуг), или слайдер (смена кадров),


– краткие преимущества,

– форма обратной связи,

– кнопка «Заказать» или кнопка «Подробнее».


Как сделать баннер или слайдер на первом экране, чтобы увеличить конверсию сайта:


– Чётко и ясно (по возможности кратко) описать, что именно предлагает сайт. Например, «купить туристический рюкзак». Если человек в поисковой системе набрал такой       запрос: «купить туристический рюкзак» и открыл сайт, на котором точно такое же предложение в слайдере сайта, то это стопроцентное совпадение предложения с запросом. Это увеличивает конверсию сайта на 20-30%.


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


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


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


На самом деле именно заказчик должен сформировать хорошее УТП, но не всегда руководители фирм могут составить хорошее предложение, так что часто формулировка УТП ложится на плечи именно проектировщика сайта.



Рис.9. Пример хорошего УТП в баннере сайта


Как ещё увеличить конверсию баннера:


– Поставить на баннере кнопку «Заказать», «Перейти в каталог», «Оставить заявку» или призыв к действиям в виде формы обратной связи (формы заявки).


– Установить акцию и дедлайн (ограничение времени для акции, например: «Купите рюкзак со скидкой 50% только до 25 июля!»).


– Расположить красочное фото в баннере, отображающее товар или суть услуги, которую предлагает сайт.


– Добавить товары-«локомотивы», которые создают спрос за счёт низкой цены.


– Поставить привлекательный видеоролик в баннере, в котором показать товар или счастливых людей, обладающих этим товаром.


– Добавить основные преимущества товара (не более 4-5 преимуществ). Например: бесплатная доставка, бесплатная установка, в подарок второй товар и т.д.


– Не перегрузить баннер на первом экране лишней информацией и ненужными ссылками, уводящими на другие сайты (например, призыв «Подпишись на нас в соцсетях» уведёт потенциального клиента с сайта и заказ не состоится).


– Сделать баннер не сильно сложным, но понятным и информативным, отображающим все бонусы и преимущества предложения.


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

Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов

Подняться наверх