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

«мультилендинг» и предполагает создание множества страниц сайта, в баннере которых написано конкретное предложение под ключевой запрос

шапка сайта (логотип, контакты, кнопка «Заказать звонок»),
— меню сайта,
— статичный баннер с оффером (предложением товаров или услуг), или слайдер (смена кадров),
— краткие преимущества,
— форма обратной связи,
— кнопка «Заказать» или кнопка «Подробнее

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

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

Когда посетитель открывает сайт, он смотрит первый экран, и за первые десять секунд решает, — нужно ему или нет то, что предлагается на сайте. При нынешнем дефиците внимания посетители смотрят только начало страницы и сразу проматывают в конец сайта. Поэтому от первого экрана на 90% зависит процент конверсии, рост продаж, количество посетителей сайта и успешность продаж.

Типовая ошибка на сайте — невнятный первый экран, на котором налеплено слишком много информации, или непонятно, что вообще предлагается. Или есть лишние кнопки, которые уводят с ресурса.
Как правильно сделать первый экран

Существует множество типов продающих заголовков, и несколько техник по их созданию. Одна из самых удачных — 4U. Заголовок по технике 4U содержит 4 компоненты:

Для этого процесса на сайте обязательно должна быть страница захвата контактов. Ошибка — не иметь страницы захвата контактов и ждать звонков от «холодных контактов»

Делать такую схему можно:

— вручную, нарисовав на листке бумаги;
— в электронном виде, например, в программе Word;
— в растровом редакторе;
— в онлайн сервисах для создания прототипов (например, wireframe.cc).

Если вы подробно нарисуете эту схему в растровой программе, то это будет ваш черновой прототип сайта (прототип первой страницы)

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

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