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

Проще всего сделать для сайта шрифтовой логотип, просто написав название компании и подобрав интересный шрифт. Время для создания такого логотипа 5-20 минут. Если клиенту понравится такой логотип на сайте, и он попросит сделать из него векторный логотип, – веб-дизайнер может отрисовать его в векторной программе, или создать заново, применив те же шрифты и цвет.

Логотипы в векторе создаются для использования в полиграфии и печати, а значит должны быть сохранены в векторном файле, например, cdr, eps, pdf и цветовой модели CMYK. Это обязательное требование типографии. Передавать клиенту логотип в формате jpg нельзя.

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

Рис.91. Учебные комбинированные логотипы, созданные автором учебника

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

Правила создания логотипа:

– Обязательно составьте техническое задание на логотип (примеры техзаданий есть в сети Интернет).

– Предоставьте клиенту выбор: создать авторский или неавторский логотип (от этого зависит цена разработки).

– Создайте несколько вариантов логотипа с разными шрифтами, цветами и рисунками.

– Используйте два цвета в логотипе, не больше, кроме логотипов детской тематики (здесь допускается больше двух цветов).

– Делайте логотип простым, состоящим из небольшого количества деталей.

– Проверьте ваш логотип: переведите его в чёрно-белый цвет. Если логотип сохранил свою красоту и стиль, – значит, он правильно создан.

– Распечатайте логотип на обычном принтере в уменьшенном виде. Хорошо сделанный логотип при уменьшении не теряет деталей.

– Презентуйте логотип в среде: на сувенирной       продукции, на визитке, на сайте, на рекламном щите. Так заказчик быстрее утвердит логотип.

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

– Не используйте больше двух шрифтов в логотипе.

– Бонусом сделайте заказчику визитку с его логотипом.

Утвержденный логотип в векторной программе сохраните в формате ping и поставьте на дизайн сайта.

Глава 13. Веб дизайн первой страницы сайта

В этой главе:

1. Особенности дизайна первой страницы

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

3. Технические характеристики файла

4. Основные модули первой страницы

1. Особенности дизайна первой страницы

Дизайн первой страницы всегда отличается от дизайна остальных страниц количеством модулей. На первой странице может быть 10-30 модулей, тогда как на странице «Контакты» всего три: «шапка» сайта, модуль Контакты и подвал сайта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4. Призывы к