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

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-ленту.

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

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

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

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

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

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