+7 903 234 6506

Москва, Пресненская наб.,6

Башня Империя, офис 1620

 
 

Маркетинг интернет сайта: основные этапы разработки сайта. Часть 1-ая

 

Основные этапы разработки сайта

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

1. ТЗ и прототипы

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

Образец прототипа интернет-магазина:

прототип интернет-магазина

прототип интернет-магазина

Что важно учесть при разработке прототипов и технического задания:

  1. Структура сайта должна чётко соответствовать целям поставленным перед сайтом в digital стратегии Вашего предприятия или, как минимум, служить решению точно определённых целей и поставленных задач.
  2. Если задача сайта продавать – то набольший акцент в сайте и должны иметь продающие элементы: специальные предложения, карточки акций и товаров, формы захвата и кнопки купить и пр.
  3. Когда Вы принимаете прототип лендинга или сайта обязательно проверьте точное соответствие фактов и формулировок. Как бы Вас не уверяли, что всё еще 1000 раз поправят на вёрстке, дизайне или через CMS – в 90% об этом все забывают и сайт так и запускается с кривыми цифрами и левыми телефонами. Не делайте себе двойную работу – проверяйте всё в момент принятия прототипов.
  4. Очень рекомендуем использовать рекомендации по разработке дизайна продающих сайтов при разработке прототипов и дизайна сайтов – это очень правильные принципы, которые сильно повышают конверсию.
  5. В 90% случаев излишняя креативность скорее вредит сайту. Главное правило юзабилити звучит: «Не заставляйте меня думать!» И это очень правильно. В наш век перегрузки информацией и читателей F-сканеров – пользователь не будет тратить время на то, чтобы разобраться с тем как назвали и где спрятали раздел “Каталог”, “корзина” и кнопку “купить” – он просто уйдёт к конкуренту – у которого всё просто и понятно.

2. Дизайн

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

Образец дизайна:

дизайн интернет-магазина

дизайн интернет-магазина

Кроме перебора креативностью, про который писал в блоке про проектирование, в дизайне обычно бывают следующие грубые ошибки:

  1. Самая «грубая» ошибка, которая отталкивает от сайта и создаёт впечатление «дешёвки» это использование «буквально набивших оскомину картинок из давно разворованных банков изображений», это прямо признак ленивого дизайнера – когда в качестве иллюстрации вставлена картинка с первого же экрана поиска по картинкам Яндекса или Гугла. Тут есть 2 важных нюанса: а) всегда старайтесь использовать свои изображения – авторское и своё – узнаваемые стены и лица при встрече с клиентам – лучший шаг к установлению доверия; б) если даже вы используете дорогие платные фотобанки – всегда подбирайте изображения с лицами, которые соответствуют представлению Ваших клиентов о вашей команде и целевой аудитории, афроамериканские лица – очень сильно разочаровывают на сайте компании, которая занимается клинингом Челябинске, то же самое касается и откровенно скандинавских лиц, которые мало ассоциируются с работами по монтажу кондиционеров в Казани.
  1. Самая «дорогая» ошибка это использование неправильных изображений на первой странице/странице входа. С самого раннего детства, когда мы ещё не умели читать и шли к родителям, и показывали на картинку перед сказкой, чтобы нам почитали именно эту сказку. Мы выросли – а ничего не изменилось – если мы зашли на сайт и не увидели картинку, которую ожидали увидеть – то мы и текст читать не будем! Значительная часть отказов (отказ фиксируется системой аналитики если посетитель зашел на сайт и пробыл на нём менее 15 секунд) вызвана именно не «соответствующей» ожиданиям картинке на первом экране.
  1. Самая неочевидная ошибка в дизайне связана как правило с психологией восприятия, а именно бардаком в шрифтах. Есть очень важное правило в веб-дизайне, что крайне нежелательно использовать более 3-х шрифтов на одном экране. Мы идём даже жестче и причисляем к разным шрифтам даже разный размер и цвет одного и того же шрифта, я уже не говорю про выделение жирным или курсивом. Крайне не рекомендуем использовать шрифты с засечками (например Times New Roman) нигде кроме логотипа – всё же, по нашему мнению, они были придуманы для полиграфии, а не для веба. В вебе лучше использовать стандартные ровные шрифты без засечек (arial и ему подобные).
  1. Вы можете использовать эффект зачёркивания, но НИКОГДА не используйте эффект подчёркивания – в вебе традиционно привыкли, что подчёркнуты только ссылки и «не работающая ссылка» будет путать пользователя и заставлять его думать, что сайт ещё сырой, недоделанный, нерабочий.
  1. Крайне внимательно советую, конечно же, следить и за такими очевидными вещами – как светлые шрифты на светлом фоне. Вообще по умолчанию старайтесь избегать сложных фонов под текстом без необходимости, если хотите, что Вас именно читали.
  1. Из давно забытого, но до сих пор очевидного, если хотите, чтобы Вас именно читали – не используйте никакой постоянно работающей анимации на страницах – всё что непрерывно мелькает и движется – напрягает наше периферийное зрение, и сильно усложняет процесс восприятия вашего контента, особенно чтения текстов.

P.S. Данная статья входит в учебник по разработке сайтов и лендингов, который мы сейчас готовим для одной из бизнес-школ.

Предыдущая статья из этой серии: Маркетинг интернет сайта: какие основные виды сайтов существуют?

Следующая статья в этой серии: Маркетинг интернет сайта: основные этапы разработки сайта. Часть 2-ая

Где можно более подробно ознакомиться с данными материалами?

  1. Большая часть материалов вошла также и в наш Учебник №2: Landing Page: продающий сайт (лендинг), который завтра выходит в новой версии (добавилось несколько текстовых и около 15 новых видеоуроков): http://bloggerschool.ru/lp
  2. Полную версию учебника для бизнес-школ в авторской версии можно получить в наборе учебных материалов и видеопродуктов Domashenko.2017 http://bloggerschool.ru/2017

Опубликовано 26.03.2017  Метки: , , , , , , ,

Архив записей


2 комментария на “Маркетинг интернет сайта: основные этапы разработки сайта. Часть 1-ая”

  1. Маркетинг интернет сайта: какие основные виды сайтов существуют? - Валерий Домашенко: интернет-маркетинг и продажи в интернетеВалерий Дома |


    […] […]

  2. Маркетинг интернет сайта: основные этапы разработки сайта. Часть 2-ая - Валерий Домашенко: интернет-маркетинг и продажи в интернетеВалерий |


    […] […]

Оставить комментарий

 

 

Предыдущие темы

Создано: 29.05.2017

Интернет-маркетинг вакансии

Создано: 12.04.2017

Интернет-маркетинг обучение: Запуск продаж в интернете за 5 дней!

Создано: 9.04.2017

Интернет-маркетинг и продажи в интернете: база знаний Школы Блогеров

Создано: 5.04.2017

Интернет-маркетинг обучение: Как создать лендинг самому бесплатно за один вечер и запустить продажи?

Создано: 4.04.2017

Интернет-маркетинг скачать бесплатно: новая версия бесплатных материалов Domashenko.Free 6.0

Создано: 28.03.2017

Интернет маркетинг обучение: как сделать лендинг самому?

Создано: 27.03.2017

Интернет-маркетинг обучение контекстной рекламе

Создано: 27.03.2017

Маркетинг интернет сайта: основные этапы разработки сайта. Часть 2-ая

Создано: 21.03.2017

Интернет маркетинг обучение: анонс новостей на неделю 20-27 марта 2017 года

  • Ближайшие мероприятия:


    5-9 июня в 12:00
    Онлайн-марафон: "Запуск продающего блога за 5 дней"
    bloggerschool.ru/5d3


    1 июня в 20:00
    Бесплатный вебинар: "Блог, как инструмент продаж эксперта"
    bloggerschool.ru/webinar


    2 июня в 20:00
    Онлайн-мастермайнд: "Разбор лендингов и интернет-продаж участников"
    bloggerschool.ru/master

  • Школа Блогеров:


    1. Обучение интернет-маркетингу и продажам в интернете в Школе Валерия Домашенко
    bloggerschool.ru

    2. Бесплатные материалы по интернет-маркетингу и продажам в интернете
    bloggerschool.ru/free

    3. Бесплатные вебинары по интернет-маркетингу и продажам в интернете
    bloggerschool.ru/webinar

    4. Видео "Блоги и продажи в интернет"
    bloggerschool.ru/mkvideo

    5. Набор 2017 Все видео и продукты по интернет-маркетингу и продажам в интернете Школы блогеров за 2016 и 2017 год!
    bloggerschool.ru/2017

    6. Учебный курс Интернет-маркетинг и продажи в интернете: от новичка до профессионала
    bloggerschool.ru/3m

    7. Модуль №1 Стратегия и планирование продаж в интернет
    bloggerschool.ru/toolkit

    8. Модуль №2 Landing Page: продающий сайт (лендинг)
    bloggerschool.ru/lp

    9. Модуль №3 Аналитика воронки продаж: Яндекс.Метрика и Google.Analytics
    bloggerschool.ru/analytics

    10. Модуль №4 Контекстная реклама: Яндекс.Директ и Google.Adwords
    bloggerschool.ru/ppc

    11. Модуль №5 E-mail маркетинг: запуск рассылки на Mailchimp
    bloggerschool.ru/mail

    12. Модуль №6 Блог и сайт: запуск блога на WordPress
    bloggerschool.ru/blog

    13. Модуль №7 SEO: продвижение в поисковых системах
    bloggerschool.ru/seo

    14. Модуль №8 SMM: продвижение в социальных сетях
    bloggerschool.ru/smm

    15. Модуль №9 CPA: продажи через партнёрские программы
    bloggerschool.ru/partner

    16. Модуль №10 Экспертный маркетинг: упаковка и продажи
    bloggerschool.ru/expert

    17. Мастермайнд группа Школы Блогеров:
    bloggerschool.ru/master

    18. Партнёрская программа:
    bloggerschool.ru/cpa
  • Digital агентство:

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

  • Я в Facebook

  • Свежие записи:

  • Основные темы блога:

  • Яндекс.Метрика Рейтинг@Mail.ru Rambler's Top100

  • © 1999-2017 Валерий Домашенко -

    Digital Marketing Guru.

    г. Москва, Пресненская набережная, 6c2, офис 1620

    +7 (903) 234-65-06 valery@domashenko.ru