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

2. Есть понятное меню и простая навигация по сайту.

3. Необходимые контакты легко найти.

4. В шапке сайта есть логотип и дескриптор (краткое описание деятельности фирмы).

5. На баннере или слайдере есть оффер (заголовок с акцией и дедлайном).

6. На первом экране присутствуют активные кнопки: «Заказать», «Купить», «Узнать подробнее», «Перейти в каталог» и т.д.

7. На сайте есть форма заявки, обратного звонка, он-лайн консультант.

8. Для лэндинга: весь сайт продает одну услугу или товар.

9. На сайте присутствуют качественные фото товара с подробным описанием и характеристиками.

10. Товар легко купить или заказать.

11. Есть экраны, «закрывающие» возражение клиента.

12. Есть экраны социальных доказательств (отзывы, сертификаты и т.д.).

13. Есть гарантии.

14. Есть модуль демонстрирующий результаты после применения товара или услуги, или модуль «До/После».

15. На сайте присутствует призыв к активным действиям.

16. На сайте есть автоворонка с бонусом.

17. Есть модуль «Тарифы» или прайс.

18. Контакты и карта проезда есть внизу сайта.

19. Подвал с реквизитами юрлица.

Для других типов сайтов продающие элементы могут немного отличаться, например, для проверки сайта интернет-магазина используйте этот чек лист:

Чек лист для интернет-магазина:

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

1. Акция в баннере на первом экране.

2. Товарная галерея (топ товаров, новинки, популярные товары и т.д.)

3. Качественные фото товаров с ценами и скидками.

4. Каталог структурирован: товары разбиты на категории.

5. На сайте присутствуют фильтры каталога и поиск товаров.

6. Есть модуль «Автоматический подбор похожих товаров».

7. После каталога есть модуль «Доставка и оплата».

8. Прописаны гарантии качества.

9. Простая корзина, понятная страница оформления заказа.

10. Сохраняется история заказов.

11. Детально расписаны сроки сбора заказа и доставки.

12. На сайте есть сертификаты товаров.

13. В конце сайта присутствуют контакты, адреса и фото магазинов (если они есть).

14. Сайт имеет разметку для SEO оптимизация: ключевые слова, заголовки, метатеги.

Чек лист для корпоративного сайта:

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

2. Есть качественные фотографии производства, помещений, фото сотрудников, с указанием должностей.

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

4. Разветвленный модуль «О компании»: История компании, Рассказ о компании: миссия, философия, продукт, Сотрудники, Схема работы, Регионы работы.

5. Новости, блог.

6. Модуль «Наши работы» или «Портфолио».

7. Модуль «Контакты» и карта проезда. Фото офиса снаружи. Виртуальный гид по офису или производству.

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

Глава 3. Типы сайтов

Звонит клиент (девушка-офис менеджер) в веб-студию:

– Здравствуйте, нам директор сказал, что нам нужен сайт, вы же этим занимаетесь?

– Да, конечно…

– Хорошо, только вот у нас бюджет маленький, поэтому нам не нужен дорогой сайт, можно даже чёрно-белый…

Анекдот из сети Интернет

В этой главе:

1. Контент и функционал сайта

2. Классификация сайтов по технологии создания

3. Классификация сайтов по назначению

1. Контент и функционал сайта

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

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

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

Функционал сайта – это набор различных опций, которые решают определенные задачи пользователей для удобной работы с веб-ресурсом. Базовый функционал определяется разработчиком CMS (движка сайта). Он содержит все базовые возможности, которые должны присутствовать на каждом проекте.

Для посетителей сайта это:

– Меню.

– Сайдбары.

– Постраничная навигация.

– Формы обратной связи.

– Подписка на RSS-ленту.

– Кнопка заказа звонка.

– Поиск по сайту и прочие элементы.

Для администратора сайта:

– Возможность регистрации и входа в административную панель.

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

– Обычные настройки профиля (логин, пароль, аватарка).

– Предоставление стандартных типов записей (рубрики, метки, страницы, посты).

– Настройка урлов (URL).

– Возможность обновления и добавления модулей, плагинов и тем.

– Работа с медиафайлами (фото, видео).

– Базовая статистика по сайту (количество опубликованных постов, комментариев) и так далее.

Расширенный функционал сайта

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

Для посетителей сайта это:

– Галерея, слайдеры, аккордеоны, вкладки.

– Расширенные возможности меню и сайдбаров.

– Содержание постов.