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

Начинать дизайн сайта всегда надо с первой (Главной) страницы. Обычно она состоит из набора модулей, утвержденных у клиента на прототипе сайта. Без утверждения прототипа не стоит начинать делать дизайн, потому как работа сильно усложниться и затянется во времени.

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

Рис.92. Плохой и хороший дизайн первой страницы

Задачи первой страницы сайта:

– Создать хорошее первое впечатление от компании.

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

– Обеспечить навигацию по сайту.

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

– Обеспечить удобную обратную связь.

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

2. Правила создания первой страницы сайта

1. Чёткий ответ на вопрос, что это за сайт

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

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

Посетитель сайта должен получить подтверждение, что он нашел именно то, что искал.

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

2. Текст на первой странице должен четко отвечать на вопросы целевой аудитории

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

Длинный текст на всех страницах (и особенно на Главной) должен быть структурирован: разбит на абзацы и подзаголовки, снабжён иллюстрациями, размечен нумерованными или маркированными списками.

Рис.93. Текст разбит на подзаголовки

3. Убеждающий заголовок

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

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

4. Призывы к действию

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

5. Дизайн в тренде

Главная страница всегда имеет современный стильный дизайн и следует последним трендам. Сейчас в моде минималистический плоский (флет) дизайн, направленный на то, чтобы не мешать человеку сделать заказ или купить товар на сайте.

6. Простые шрифты