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

Ирина Никулина, 2023

Хотите престижную работу от 100 000 р. в месяц? На разработке сайтов можно заработать и больше! Эта книга научит вас тонкостям веб-дизайна и проектированию сайтов. Учебник включает в себя все этапы работы веб-дизайнера: начиная с проектирования и заканчивая реализацией сайта. Книга посвящена описанию этапов разработки сайтов: прототипированию, дизайну веб-страниц, нарезке, дизайну мобильной версии и запуску сайта. Также вы узнаете: как сделать продающий сайт, как правильно заполнить техзадание и создать базу образцов, как собрать семантическое ядро, купить хостинг и домен, какой конструктор сайтов выбрать. Вы легко создадите первую страницу сайта, состоящую из: хедера, слайдера, преимуществ, модуля «О компании», каталога товаров, схемы работы, отзывов, фотогалереи и футера. Кроме того, вы узнаете, как создать портфолио дизайнера и сколько можно заработать на своих знаниях. Это – ваша настольная книга по веб-дизайну! Для начинающих специалистов.

Оглавление

* * *

Приведённый ознакомительный фрагмент книги Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов предоставлен нашим книжным партнёром — компанией ЛитРес.

Купить и скачать полную версию книги в форматах FB2, ePub, MOBI, TXT, HTML, RTF и других

Глава 2. Ошибки на сайте, которые не дают продавать

Продающий сайт — основа успешного бизнеса в любой нише.

В этой главе:

1. Почему сайты не продают?

2. Основные ошибки сайта, не дающие продавать

3. Чек лист на продающий лэндинг

1. Почему сайты не продают?

Почему на некоторых сайтах их владельцы зарабатывают 1 000 000 руб. в месяц, а на других продажи не идут вообще? И это при том, что настроен и оплачен трафик, дизайнеры и разработчики сделали яркий и красивый сайт, товар на сайте высшего качества. А продаж нет, даже звонки идут очень редко. Знакомая картина? В чём же дело?

Всё дело в том, что старая модель бизнеса не работает.

Сделал красивый сайт запустил рекламу.

Эта модель актуальна для узких ниш, где мало конкуренции. Когда на определённую тему много сайтов, — у потенциального клиента есть выбор, и это значит, что существует жёсткая конкуренция. Конкуренции нет только в очень узких нишах, например, о ремонте двигателей трактора создано не много сайтов. Но если нет конкуренции, — значит, нет и спроса. Если в вашем городе всего пять человек в месяц ищут такую услугу, как ремонт двигателя трактора, значит и заказов у вас будет очень-очень мало.

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

Проверить востребованность ниши можно в сервисе статистики wordstat.yandex.ru, набрав ключевое слово и посмотрев, сколько раз в месяц его искали.

Вывод: нет смысла пользоваться устаревшей бизнес-моделью и делать сайт по старой схеме.

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

Сейчас вы можете сказать: а причем тут веб-дизайнер, ведь не он владелец бизнеса?!

Хочу сразу заметить, что 99% заказчиков не являются маркетологами, проектировщиками сайтов и веб-дизайнерами. Они не могут представить в сети Интернет свой бизнес так хорошо, как это может сделать веб-дизайнер. Помните: руководители бизнеса (ваши заказчики) — не специалисты интернет маркетинга, они понятия не имеют, что такое «продающий сайт», по каким схемам и правилам он строится, — поэтому не стоит ожидать, что они продумают за вас структуру продающего сайта, правильно подберут все модули сайта и сделают за вас часть работы.

Именно веб-дизайнеру предстоит правильно «упаковать» бизнес своего клиента в продающий Интернет-ресурс.

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

Часто у веб-дизайнера возникает задача спроектировать продающий сайт по всем маркетинговым требованиям, не ожидая существенной помощи от клиента. При этом следует на этапе проектирования исключить ошибки при создании сайта, и тогда созданный сайт начнет приносить прибыль его владельцу. Не совершайте ошибки в разработке сайта, которые убивают продажи!

Эта глава расскажет, как избежать основных ошибок при веб-дизайне и разработке сайта, которые «убивают» продажи.

2. Основные ошибки сайта, не дающие продавать

— Нет страницы захвата контактов.

— Неправильно сделан первый экран.

— Нет интересного заголовка (оффера).

— Ошибки контента.

— Отсутствуют автоворонки.

— Нет триггеров доверия.

— Сайт без интриги.

— Сайт не автоматизирован.

— Ошибки дизайна сайта.

— Технические ошибки.

— Неправильно настроен трафик.

— Не соответствие рекламы и содержания сайта.

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

Разберём эти ошибки подробнее:

Ошибка 1. Нет страницы захвата контактов

Представьте, что клиент собирается что-то продавать на сайте, не важно что: товар или услугу. Подумайте и скажите: будет ли совершаться на сайте мгновенная продажа? То есть, посетитель сайта посмотрел сайт две секунды и тут же заказал товар и оплатил его?

Давайте отвлечёмся от сайта и представим, что вы в дорогом мебельном магазине и хотите выбрать красивый стильный диван. Вы только зашли в магазин, осматриваетесь, узнаете цены и сравниваете модели. Вопрос: вы готовы за 10 секунд сделать свой выбор и сразу же оплатить товар? Конечно нет, возможно, вы сначала обойдете десять магазинов мебели, расспросите о диванах, попробуете присесть на него, пощупаете материал, позовёте консультантов и зададите вопросы… И будете правы, ведь у вас есть выбор.

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

Вы думаете, так происходят покупки только оффлайн? Конечно, нет! Люди везде одинаковые и точно также выбирают товары или услуги на сайтах.

Отсюда простой вывод: если вы сделали длинный сайт и на нём расписали преимущества своей фирмы, у вас будут только «холодные контакты», да и то с конверсией 1-2 % от вложенных в рекламу денег. Почему? Да все просто: у посетителей сайта не появилось к вам доверия.

О доверии к продавцу

В магазине доверие возникает, когда продавец рассказывает о товаре, и когда его можно потрогать, близко рассмотреть. А вот на сайтах доверие нужно завоевать. Каким образом это сделать? Предложить что-то бесплатно, дать полезную информацию, которая покажет, каким экспертом вы являетесь. Например, на обучающих сайтах часто дают бесплатные уроки, и человек, скачивая их, оставляет контакты. С этими «холодными контактами» начинает работать менеджер, превращая их в «тёплые» и постепенно доводит до продажи.

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

Страница захвата — это мини-лендинг, специально созданный для «захвата» имени и адреса электронной почты посетителя сайта взамен на полезный бесплатный контент или бонус (например, электронную книгу). Такая страница предназначена для того, чтобы получить контакты потенциального клиента. Обычно она делается с лаконичным дизайном и даёт взамен на контакты какую-то пользу: скидку, дополнительные бонусы, бесплатные уроки, подарок к покупке, доступ к закрытым материалам и т.д. См. рис. 12.

Признаки страницы захвата:

она короткая, с лаконичным дизайном,

есть чёткий и понятный заголовок,

есть только одна кнопка призыва к действию.

Рис.12. Страница захвата контактов

Ошибка 2. Неправильно сделан первый экран сайта

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

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

Как правильно сделать первый экран

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

Лаконичность на первом экране — ваша первая ступень к успешным продажам!

Рис. 13. Пример лаконичного дизайна сайта (создан автором учебника)

Ошибка 3. Нет интересного заголовка (оффера)

Заголовок на первом экране сайта должен быть чётким, понятным, интересным. Кроме того, он должен:

— предлагать выгоду,

— называть главное преимущество товара или услуги,

— предлагать способ решения проблемы, избавление от боли,

— отображать выгоду в конкретных цифрах (например: «Запишись на курс дизайна сейчас и сэкономь 15 000 руб.!»).

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

Сравните два заголовка:

1. Вложите деньги в нашу новую финансовую компанию и получите хорошую прибыль.

2. Хотите 500 000 рублей через 3 месяца? От вас — минимальные вложения, от нас — бесплатное обучение! Узнайте, как разбогатеть!

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

Как правильно составить заголовок

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

Хороший/плохой оффер

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

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

Пример хорошего оффера: «Доставим за 60 минут — или пицца бесплатно!».

Пример плохого оффера: «Станьте красивой и постройте счастливые отношения с мужчиной» (нет конкретики).

Сравните два заголовка:

1) уже скоро вы почувствуете легкость.

2) через 2 часа у вас пройдет головная боль.

Первый вариант — неконкретный, второй — обещает конкретный результат.

Рис.14. Пример удачного первого экрана и лаконичного оффера

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

1U. Usefulness (полезность). Какую конкретную пользу вы предоставите вашему клиенту? Не характеристика вашего продукта, а именно в чем выгода клиента. Не дрель, а дырки. Например: «Заработай 200 000 рублей на разработке сайтов!». (Реклама курсов по разработке сайтов).

2U. Ultra specificity (специфичность). Конкретика обычно заключается в цифрах. Сколько чего-то. Или насколько лучше, дешевле, быстрее и т.д. Например: «Наши курсы английского на три месяца быстрее обычных».

3U. Urgency (срочность). Как быстро клиент получит результат? Например: боль в животе пройдет за 10 минут! Или доставка за 30 минут.

4U. Uniqueness (уникальность). Люди любят необычную подачу. Необычный посыл или слова — привлекают внимание и выделяют ваш контент из ряда обычных. Например: «Как продавать в каждом посте, и не превратить свой блог в помойку».

Шаблоны офферов по методу 4U:

11 вещей, которые ________.

101 ресурс, чтобы помочь вам стать _________.

48 _______, которые должен иметь каждый __________.

32 гениальных ___________, которые позволят ___________.

12 типов __________.

77 привычек ___________.

13 вопросов, которые важно задать до того, как __________.

18 идей для ____________.

Просто допишите туда свой текст.

Ошибка 4. Неправильный контент

Наверняка вам попадались сайты, где много написано о компании. Такие мы хорошие, работаем так давно, имеем такие-то награды, вводим такие-то инновационные технологии и так далее. Обычно при первом знакомстве с сайтом люди пропускают эту информацию, потому что ищут ответы на свои вопросы и решение проблем. Когда они поймут, как решается их проблема или как получить выгоду, — только после этого они прочитают о компании. Может быть. Чаще всего эту информацию быстро пробегают глазами, первые 2-3 строчки. Или вообще не читают.

Ошибка: сразу же на первых экранах сайта давать информацию о фирме и её преимуществах. Поверьте, это никому неинтересно. На продающем сайте надо говорить о проблеме клиента, а не об истории фирмы. Модуль «О компании» вначале сайта допускается только в имиджевых корпоративных сайтах, не ставящих целью сайта прямые продажи или заказ услуг.

Как исправить?

Убрать информацию с первых экранов сайта о фирме: либо переместить её вниз страницы, либо перенести в отдельный раздел. Не засоряйте эфир ненужной информацией! Помните о дефиците внимания у людей. Первые 10 секунд всё решают. Если человек не нашёл на сайте решения своей проблемы, — он уйдет и никогда не вернётся, и в этом случае ему не будет дела до того, в каком году открылась фирма.

Говорите на сайте о том, что интересно посетителю, о его проблемах или выгодах.

Ошибка 5. На сайте нет автоворонок

Ошибкой является не использовать автоворонки на сайтах. Автоворонка позволяет автоматически заполучить контакты клиента для дальнейшей работы с ними. Это называется многоуровневые продажи. То есть, на первом уровне посетителю сайта предлагают получить бесплатный бонус, в ответ требуется лишь оставить контакты. Вторым этапом идёт серия продающих («подогревающих») писем или звонков, и только на третьем этапе предлагается что-то купить.

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

Рис. 15. Пример автоворонки на сайте

Ошибка 5. Нет триггеров доверия

Триггер (спусковой крючок) — это всевозможные фишки и приемы, которые приковывают внимание посетителей и мотивируют их совершить полезное для владельца сайта действие, а триггеры доверия — повышают градус лояльности посетителей.

К триггерам доверия относятся:

отзывы посетителей (скриншоты из соцсетей),

герои кейсов,

схема работы,

преимущества фирмы в виде иконок.

Большая ошибка пренебрегать этими элементами в дизайне сайта!

Нельзя ставить на сайт чужие или нереальные отзывы. Некоторые посетители сайта не поленятся проверить и связаться в соцсетях с теми, кто рекомендует товар или оставил положительный отзыв.

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

К триггерам доверия так же относится и модуль «Герои кейсов»: удачные примеры учеников, достигших наилучших результатов. Тоже надо ставить реальных людей, чтобы не подорвать доверия.

Рис. 16. Пример схемы работы на сайте

Ошибка 6. Нет интриги на сайте

Когда на сайте на первой странице всё сразу раскрыто и расписано, то получается, что нет ничего интригующего. А ведь люди любят секреты. Если секрета нет, то зачем регистрироваться и оставлять контакты?! И тут мы опять получаем не «тёплых», заинтересованных посетителей, с которыми можно работать дальше, а «холодных», которые дают всего 1-2% конверсии.

Ошибка: не оставить на сайте интриги, раскрыть всю информацию.

Как исправить?

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

Создайте у посетителя ощущение, что только ему повезло стать обладателем этой информации. Пример секретного подарка см. рис. 17.

Рис.17. Секретный подарок на сайте

Ошибка 8. Сайт не автоматизирован

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

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

Ошибка — бросать «теплые» контакты, не использовать схему «догоняющей рекламы».

Как исправить?

Нужен персонал, хотя бы один человек, который будет заниматься отслеживанием контактов, поступивших со страницы захвата. С этими контактами надо работать дальше — делать постоянные рассылки или звонки. В этом процессе сильно помогает наличие автоматизации на сайте, особенно рассылка писем. Если на сайте нет своей рассылки, можно внедрить готовые варианты с сайтов-сервисов, например justclick.ru.

Кроме автоматизации продаж, на сайте можно автоматизировать многие процессы, например, составление отчетов для пользователей сайта, выписывание счетов и актов, калькулятор затрат, автовыгрузка прайс-листа, автоматический расчёт цен на продукцию, автоматическая отправка писем клиенту, подписка на новости и т.д.

Ошибка 9. Некачественный дизайн

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

Ошибка считать, что посетители сайта — не дизайнеры и всё равно не поймут, кто делал дизайн.

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

Как исправить?

Найти аккуратного, грамотного, но недорогого дизайнера с чувством стиля и сделать дизайн простой, но понятный, приятный и стильный.

Рис. 18. Некачественный дизайн

Ошибка 10. Технические ошибки

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

Как исправить?

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

В общем, надо довести сайт до безупречности, сделать все действия на сайте простыми и понятными. Не надо изобретать велосипед и пытаться отличаться от конкурентов изощренным дизайном, он только запутает посетителя.

Секрет — в простоте и отсутствии ошибок.

Рис. 19. Пример простого дизайна

Ошибка 11. Отсутствие аналитики

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

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

Как исправить?

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

Сервисы аналитики: Яндекс Метрикой и Google Analytics.

Рис. 20. Сервисы аналитики

Ошибка 12. Неправильно настроен трафик

Иногда на сайте нет посетителей по очень простой причине: владелец бизнеса не направляет трафик на сайт… вообще. Он ждет, что его чудо-сайт сам «запрыгнет» в ТОП выдачи поисковых систем или он такой оригинальный и красивый, что клиенты выстроятся в очередь, чтобы заказать товары на нём.

Ошибка рекламы: нет трафика или он неправильно настроен.

Как исправить?

Проанализировать запросы посетителей, грамотно подобрать ключевые слова, убрать лишние ключевые слова, отъедающие бюджет. Грамотно настроить рекламу в Яндекс.Директе самому или обратиться к хорошему специалисту. Когда вы доверяете настройку и оплату рекламы специалистам, не вызывающим доверия, — большая часть денег идёт им в карман.

Кроме рекламы на поисковых системах есть ещё и другие каналы рекламы, такие как: соцсети, тизерная реклама, реклама у блогеров и т.д. Есть даже совершенно бесплатные способы раскрутки сайта. Надо протестировать все каналы и выбрать самые доходные.

Ошибка 13. Несоответствие рекламы и контента сайта

И последняя, но не менее важная ошибка, которую совершают рекламщики при запуске сайта — это несоответствие рекламы и содержания сайта.

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

Потерять доверие, — значит, потерять потенциального клиента.

Как исправить?

Внимательно следить за рекламными объявлениями и проверять их текст. Обещанное должно быть на сайте.

Выводы:

Нужно сделать сайт по продающей схеме, которая включает в себя следующее:

1. Обязательная страница захвата контактов на сайте.

2. Грамотно настроенный трафик.

3. Догоняющая реклама, превращение «холодных» контактов в потенциальных покупателей.

4. Направление клиентов на сайт, продающий товар.

5. Обработка звонков, исполнение заказов.

6. Анализ работы сайта и всех механизмов продаж.

Только грамотное проектирование, хороший дизайн и соблюдение этих правил поможет конверсии увеличиться с 1-2 % до 50-70%!

3. Чек лист на продающий сайт

После того, как создан прототип или дизайн сайта, необходимо проверить его на наличие продающих элементов и модулей по данному чек-листу. Распечатайте его и ставьте галочки напротив каждого пункта. Если чего-то не хватает, — добавляйте.

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

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

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

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

Оглавление

* * *

Приведённый ознакомительный фрагмент книги Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов предоставлен нашим книжным партнёром — компанией ЛитРес.

Купить и скачать полную версию книги в форматах FB2, ePub, MOBI, TXT, HTML, RTF и других

Смотрите также

а б в г д е ё ж з и й к л м н о п р с т у ф х ц ч ш щ э ю я