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

1. Как разработать сложный сайт, интегрированный в маркетинговую стратегию вашей компании

2. Владимир Давыдов руководитель отдела ведения проектов и заботы о клиентах Маркетинговой Группы «Комплето» www.completo.ru

3.  B2B-компании  Российские производители  Поставщики сложных товаров / услуг

4. 2015 – год Системного Электронного Маркетинга 1. Стратегия Бизнес-цели, позиционирование и УТП (брифинг) Сегментация ЦА Изучение спроса (изучение интернет-спроса) Анализ конкурентов Аудит сайта и рекламных кампаний Разработка и презентация стратегии электронного маркетинга Брендинг и офлайн-исследования 2. Разработка сайта Формирование структуры сайта Написание ТЗ Разработка прототипов Разработка дизайна Веб-интеграция с 1С, CRM, IP-телефонией, мобильным приложением 3. Дополнительная веб-разработка Сайты под разные сегменты аудитории Контентные порталы Само разворачивающиеся сайты дилеров Интернет-системы для внутренних нужд компании Посадочные страницы Мобильные приложения 4. Автоматизация бизнеса Специфика B2B CRM-системы IP-телефония Колл-центры Анализ дилеров Мобильное приложение 5. Настройка аналитики Настройка веб-аналитики на сайте Связка веб-аналитики с CRM, телефонией, 1С Персонализированная веб-аналитика 6. Интернет-рекламные кампании 7. Поисковый маркетинг (платный и бесплатный) 8. Контент-маркетинг

5. completo.tv facebook.com/ completo.ru blog.completo.ru vk.com/ completoru

6. http://emb2b.ru/ 27 апреля, кейсы в B2B

7. «Разработать стратегию и реализовать её – две большие разницы» (с)

8. Несколько историй из практики

9. Для продажи сложного товара (медтехника), сделали посадочную, видео, инфографику и дали контекстую рекламу. Куча обращений, продаж ноль. Начали выяснять: люди «запали» на красоту и необычность страницы, ничего из неё не поняли, звонили и уточняли, после чего отваливались. «Забыли», что сегментов было несколько: физлица, инвесторы, врачи. «У вас сложный товар? Ммм, посадочную сделаем?»

10. Комания по продаже цветов. Агенство сделало сайт с каталгом цветов, дало конткестную рекламу по продаже и доставке цветов. Оказалось, что для розницы УТП вообще нет, поизиционирования нет, а основной сегмент на продвижение сейчас – это корпоративный и event, которые вообще не похожи на розницу: запросы дугие, сайт другой, УТП другое, позиционирование другое. А ЦА розницы нужно вообще брать контент-маркетингом, так как премиум сегмент. «Маркетинг? Нет, не слышали. Давайте сайт делать!»

11. Сайт - это маркетинговый процесс, протекающий одной ногой внутри компании, а второй - в интернете

12. Сайт - это НЕ продукт Но веб-студии делают продукты, а не процессы

13. Как выглядит процесс разработки сайта?

14. Для клиента

15. Для клиента сайт – это товар типа автомобиля, на котором поедут в светлое будущее  Бриф с пожеланиями, фирменным стилем и общими данными по ЦА и продукту  Встречаемся на 3 часа с веб-студией «обсудить сайт» o Ждём  Утверждаем 100 страниц технического задания (читать не обязательно) o Ждём с нетерпением  Ура, дизайн. Нам показали дизайн! o Долго ждём  Презентация «директору всего»  Запуск на хостинге  Клиент: «А поправьте нам тут чуть-чуть»

16. Для веб-студии или интернет-агентства http://www.youtube.com/watch?v=UoKlKx-3FcA (The Expert)

17. Для веб-студии или интернет-агентства сайт – это продукт, который нужно сделать, сдать и положить в портфолио  Встреча на 2-3 часа, на которой слушаем, что клиент хочет o Удовлетворение от полного «понимания бизнеса клиента» и задач  Бриф от клиента в письменном виде  Запрос фирстиля, данных, текстов, материалов для наполнения сайта  Пишем техническое задание (или строим путь итераций, если Agile)  Рисуем прототипы в Axure или Mockup o Долго объясняем, что эти квадратики и кружочки – это_не_дизайн_сайта  Задание на дизайн (худзадание) o Клиент ещё раз уточняет, что прототипы – это не дизайн сайта  Дизайн дизайнит дизайнер o Презентуем. Счастье у клиента от того, что не совпало по дизайну с прототипами  Задание на вёрстку  Верстка  Программирование  Тестирование  Наполнение материалами от клиента  Запуск на хостинге  Вечеринка по случаю сдачи «проекта»  Пошли комментарии от клиента, надо пропасть из страны

18. Для «Комплето»

19. Для «Комплето» сайт – это процесс постоянного управления изменениями  Маркетинговый каркас o Подготовка и исследования: ца, продукт, спрос, конкуренты (3-4 недели) o Стратегия электронного маркетинга (2 недели) o Полное понимание текущего медиа-микса в том числе весь офлайн o KPI сайта из целей бизнеса o Стратегия и структура наполнения сайта из ядра спроса  Разработка и дизайн (как выше указано у веб-студии)  Связка с внутренними системами и процессами компании  Установка и настройка аналитики по KPI из маркетингового каркаса  Начало реализации контентной стратегии  Пилотный период работы под «рекламной» и «аудиторной» нагрузкой (обычно квартал)  Поддержка сайта  План модернизации сайта по результатам аналитики  План модернизации сайта, исходя из изменений в бизнесе клиента

20. Сколько стоит сайт у веб-студий и агентств? http://www.slideshare.net/kirillgotovtsev/ss-27679309 http://www.slideshare.net/Tachat/ss-9374461

21. Как мы в «Комплето» считаем стоимость сайта? 1480 часов на сайт

22. Как мы в «Комплето» считаем стоимость сайта? 2046 часов на сайт

23. Как мы в «Комплето» считаем стоимость сайта? структура креативная концепция задание на тексты ТЗ на сайт 96 84 84 94 Разработка веб-дизайна HTML-верстка Программиров ание функционала Копирайтинг Наполнение сайта материалами 450 260 248 390 340 2046 часов на сайт

24. Долго? Дорого? Сложно? А сколько можно потерять на сайте за 500 - 900 000 рублей?

25. Для нас сайт – маркетиновый процес. А это значит: 1. Сайт должен быть интегрирован с другими макетиновыми активностями 2. Должна быть найдена точка безубыточсти и срок окупаемости инвестиий в сайт

26. Сайт сам по себе – полностью бессмысленен. Нет такого продукта «веб-сайт».

27. Окупаемость сайта в рамках стратегии на коротком периоде часто отрицательная.

28. Но «в долгую» при правильном подходе легко окупаться в несколько раз

29. Производитель аэросаней «Патруль» амфибия с высокой проходимостью 1. С 2000 года производство 2. «ПАТРУЛЬ» прошел сертификацию в ГИМСе и выпускается серийно 3. 300+ машин продано до нас (до 2014 года) 4. Поставки по всей России 5. Уникальная конструкция, подтвержденная 5 патентами. 6. Средний чек около 2 000 000 рублей

30. Кто наши покупатели? самый верхний срез B2B / B2C, сложный продукт

31. Региональность согласно статистике клиента потом сравним с региональностью поисковых запросов

32. Нашли «неожиданный» спрос в СНГ полезно для будущего развития

33. Только аэросани 1 000 000 Аэролодки, снегоходы, вездеходы, болотоходы, аэроглиссеры, аэроходы, СВП, машины и лодки для рыбалки, охоты и так далее 24 000 Соотношение между видами спроса 1:41 в период сезона

34. Тщательно поведён анализ спроса разных видов из этой карты спроса потом рождается структура сайта и стратегия

35. Сделан прогноз при работе с контент-маркетингом реальная возможность изменить структуру спроса

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

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

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

39. Эффективный сайт amfibia.ru “понимает” потребности вызывает доверие и интерес выгодно представляет аэросани отвечает на любой запрос пользователя эффективно борется с возражениями конвертирует в звонки, заявки, подписки на рассылку подстройка под запросы качественный дизайн и визуальное представление информации выделенные страницы и разделы под сегменты продуманный маркетинг и позиционирование продуманные материалы - ничего лишнего

40. Поставим цели на год и два года 1. Выйти на продажу хотя бы - - - машин в год 2. Сформировать рынок a. много рыбаков, охотников, а также выбирающих снегоход или лодку, не знают о том, что существуют аэросани 3. Максимально охватить регионы a. где были зафиксированы хорошие продажи b. где продаж было мало или не было, но в интернете есть сильный спрос 4. Перехватить людей от a. смежников (лодки, снегоходы, вездеходы, болотоходы, аэроходы, воздушная подушка и др.) b. конкурентов c. хобби и увлечений (рыбалка, охота, туризм, отдых) d. спецведомств (лесничества, спасение, мчс и др.) 5. Всех, кто посещается сайт, “зафиксировать” и продать, если не сразу, то впоследствии

41. Что было до нас анализ ситуации

42. Начали мы, как делает большинство с прототипов типа Axure

43. Это было то, что мы в принципе хотели видеть на сайте точнее, хотел руководитель проекта

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

45. Мы решили пойти от продукта

46. Хорош со всех сторон. Можно попробовать!

47. Собираем контакты потенциальных клиентов

48. Что за «красная кнопка»! Можно нажать?

49. Все особенности как на ладони

50. Все особенности как на ладони

51. Но идти только от продукта – мало

52. Важно оправдать ожидания всех сегментов

53. Например, про снег...

54. Выделен сегмент, кому нужна амфибия

55. Выделен сегмент, кому нужна амфибия

56. Выделены аналоги для данной среды

57. Выделены аналоги для данной среды

58. Фото и видео для конкретной стихии

59. Фото и видео для конкретной стихии

60. Реальные отзывы людей обязательно!

61. Меню ожиданий – движемся дальше

62. Меню ожиданий – движемся дальше

63. Пункт назначения – «гараж» со всеми моделями

64. Все модели в «гараже» лицом к клиенту

65. На каждую модель есть подробное досье

66. На каждую модель есть подробное досье

67. В «гараже» модели можно сравнить между собой

68. И с конкурентами ;)

69. «Конверсионные элементы» в привычном месте

70. Делаем заказ

71. Не забываем про «добивочные» ценности

72. Будет и текст

73. Прототипы готовы! Рисуем дизайн? дизайнер, иди сюда, что покажу…

74. 47 страниц задания на дизайн для 3х специалистов (иллюстратор, технический дизайнер, веб-дизайнер)

75. 47 страниц задания на дизайн для 3х специалистов (иллюстратор, технический дизайнер, веб-дизайнер)

76. Да?! А кто будет всё это детализировать? Для задания на дизайн создаются дополнительные поясняющие иллюстрации

77. Да?! А кто будет всё это детализировать? УТП разложено, выписано и окончательно согласовано

78. Да?! А кто будет всё это детализировать? все тексты написаны в финальной версии, делать сайт без контента – провал

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

80. Задание читают и утверждают:  Интернет-маркетолог (ему контролировать разработку и развивать проект)  Арт-директор (он его и писал со старшим дизайнером)  Аккаунт-менеджер (для понимания происходящего)  Клиент (для четкого представления, что будет на сайте)

81. Что получилось

90. Что получилось Была разработана технология, позволяющая передавать поисковику всплывающие окна как обычные страницы, при этом URL всплывающего окна (например, http://www.amfibia.ru/popup-control) при переходе на него, автоматически открывает необходимое всплывающее окно.

91. Что получилось Была разработана технология, позволяющая передавать поисковику всплывающие окна как обычные страницы, при этом URL всплывающего окна (прим. http://www.amfibia.ru/popup-engine) при переходе на него, автоматически открывает необходимое всплывающее окно.

92. Промо-сайт удалось сделать SEO-машиной благодаря технологии индексации всплывающих окон Небрендовый органический поисковый трафик увеличился на 68,41%

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

94. Аналитика поведения на сайте детальное понимание пути клиента

95. Почему не тепловые карты? в Яндекс.Метрике

96. Аналитика по звонкам и заказам для сайта и рекламных кампаний

97. Много заказов делается через 14 посещений решения принимаются из разных каналов и длительное время

98. Количество звонков выросло в 20 раз! от нескольких десятков за квартал, до нескольких сотен за месяц

99. До декабря 2015 года производство загружено сейчас принимается решение о расширении производственных мощностей

100. Завод стальных дверей Torex самый большой в России завод стальных дверей 1. 25 лет на рынке 2. Более 2000 дверей каждый день 3. 3000 точек продаж по всей России 4. 1366 человек работают на заводе 5. 4 000 000 дверей было установлено

101. Завод стальных дверей Torex самый большой в России завод стальных дверей

102. С чем мы столкнулись

103. Сайт torex.ru Каким он был в 2013/2014 http://old.torex.ru/

104. Ситуация была плачевная не только с сайтом трафик на сайт был объективно очень мал после 3 лет работы seo-компании

105. SEO-компания «держала» в ТОПе порядка 80 запросов по 15 регионам, а их было более 2 000

106. 20 страниц старого сайта привлекали 75% трафика страницы были оптимизированы под кластеры запросов А это значит, что большинство людей попадали на нецелевые страницы (20 страниц сайта не могут корректно отвечать на запросы 75% его посетителей из поиска)

107. Основные проблемы старого сайта сайт уже давно не отвечал целям и задачам бизнеса  Малый охват спроса  Высокий показатель отказов  Каталог продукции – стихийный и неполный  Отсутствие глубоко настроенной веб-аналитики  Отсутствие работы сайта с дилерами  Полный провал по региональному трафику  Неумение сайта продавать. Совсем.

108. Что делать? как же быть

109. Два месяца изучаем бизнес, маркетинг, продажи, логистику, торговые точки

110. Сразу пониманием, что мы не сделаем каталог на сайте ассортимент не был централизован со всеми параметрами дверей

111. Чтобы сделать сайт, нам пришлось 3,5 месяца писать систему которая позволила бы централизовать ассортимент и позволить нам выгрузить на сайт каталог

112. Часть этой систем сейчас используют 500+ дилеров для заказа товаров в свои магазины со кладов завода

113. входные двери [ценовая категория] [уровень безопасности] [класс защиты] [уровень тишины] [уровень теплоты] [стальные|металлические|ал юминиевые|железные] двери [тип внешн. покрытия] [тип внутр.отделки] [для %объект%] [готовыена заказ] [стандартнестандарт] [место покупки] [конструкционные особенности и фичи] [опции] [купитьзаказатьустановить] противопожарные двери противопожарные двери [класстип пожарозащиты] [особенности открывания, створчатость] [со стекломбез] [готовыена заказ] [опции] Анализ спроса в поисковых системах

114. вес размер конструкция паспорт сертификат соотв.етствия проем площадка видео отзывы цена прайс толщина листа марка стали покрытие шумо- и теплоизоляция дизайн фурнитура замки условия установки (выгодные?) фичи выгода при покупке (акция, скидка, распродажа) Анализ спроса в поисковых системах

115. купить поставить установить заказать где купить с установкой Вызов замерщика - нет такого запроса у пользователей Анализ спроса в поисковых системах

116. какие бывают типы виды лучшие рейтинг обзор сравнение мнения отзывы дизайн Анализ спроса в поисковых системах

117. Страны производители Торговые марки производителей Модели и бренды дверей Анализ спроса в поисковых системах

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

119. Мы решили строить сайт по «Книге продаж» отходить от выстроенной годами системы продаж в магазинах было бы глупо

120. В итоге у нас есть:  Технические характеристики всех единиц продукции  Описание каждой единицы  Для каких сегментов ЦА  Цели по сегменту: чего хотим достичь с помощью Интернет-маркетинга  Лицо, принимающее решение по выбору  Уникальность торгового предложения (доп. преимущества для клиента)  Критерии выбора  Барьеры в сознании ЦА, с которыми надо бороться  География продаж  Конкуренты по направлению и их сильныеслабые стороны

121. А также:  Объем продаж в процентах относительно общего  Как хотелось бы изменить процент объема продаж  Приоритеты роста

122. Переформулируем цели интернет-марктенга уходим от надуманных seo-компанией «трафик на сайта» и «быть в ТОПе»  Повышение продаж по всей России с учетом региональной специфики  Помощь дилерам с продвижением через Интернет  Помощь дилерам с заказом продукции со склада  Единая система приема и обработки заказов по телефону с глубокой аналитикой  Единая веб-аналитика интернет-рекламы до продаж, связанная с телефоном, всеми дилерами и заказами через сайт  Захват и обработка различного спроса (интересующиеся, не готовые, сомневающиеся, склоняющиеся к конкурентам), а не тольтко тех, кто ищет «стальные двери»

123. И ставим цели конкретно перед сайтом  B2C цели o помочь выбрать дверь согласно отработанной книге продаж o максимально удобные продажи через сеть дилеров o максимальная визуализация (отделки и рисунки, посмотреть в собственном или готовом интерьере, разрезы, раскладки начинок и так далее) o информирование и обучение всем тонкостям продукции o донесение актуального позиционирования завода  B2B цели o искать новых дилеров o дать возможность торговым точкам использовать сайт как инструмент удобных продаж в фирменных торговых точках (искать по артикулу) o централизованно собирать и распределять заказы по дилерской сети по всей России  C2C цели (делиться и рекомендовать) o возможность поделиться подобранной в интерьере дверью o возможность рекомендовать дверь/серию  С2B цели o сбор обратной связи через специальную форму o анализ фильтров в каталоге для изучения потребительских предпочтений на больших выборках

124. Из задачи «сделать новый сайт» родилась целая система связанная с бизнес-процессами компании и решающая целый спектр задач

125. Фирменный магазин и сайт - неразделимы

126. Навигация в фирменном стиле Серая правая часть будет изредка вращаться вокруг горизонтальной оси и показывать 25 лет

127. Навигация в фирменном стиле

128. Центральная дверь при промотке страницы или нажатии на неё разворачивается в анфас (лицом)

129. Главна страница становится такой

130. С главной же можно узнать историю двери – все ваши УТП, красиво поданные с картинками

131. Давайте промотаем главную чуть ниже

132. Меню – свернуто при промотке и прибито. Двери в откатных панелях, как у вас в магазинах.

133. При выборе двери в «шкафу»

134. Низ главной страницы замыкают популярные

135. Каталог дверей

136. Каталог дверей, условная корзина

137. Каталог дверей, фильтрация

138. Каталог дверей, серии

139. Ближе рассмотрим зону моделей

140. При наведении мышкой на дверь

141. При промотке каталога сокращенное меню

142. Со страницы каталога дверь можно заказать

143. Или отложить до 3х дверей

144. Если человек пытается отложить боле 3х дверей, выдаем приглашение на экскурсию в салон с персональным консультантом.

145. На странице

146. На странице

147. Теперь про фильтрацию в каталоге

148. По сериям В дом или квартиру

149. По параметрам

150. По отделке

151. По цене

152. Показать всё

153. Без лишних кликов выбрать именно свою дверь

154. Визуализация – отражение УТП «Torex» именно свою дверь

155. Быстро понять уникальность торгового предложения

156. Узнать историю завода и интересные факты о нём

157. Шкаф с сериями наглядно показана информация о каждой серии и можно четко понять, чем они отличаются и какие преимущества дают

158. Шкаф с сериями шкаф дверей получает ⅓ от количества просмотров главной страницы

159. 85% работы над сайтом – это умный каталог

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

161. Наглядно показана фильтрация дверей

162. Маркетинговая аналитика фильтров У нас настроена подробная аналитика по фильтрам в каталоге На основе этой аналитики можно сделать, например, следующие выводы ★ Самый популярный параметр, это наличие декоративной панели с зеркалом. ★ Самый популярный цвет отделки среди пользователей сайта, это цвет белый перламутр. ★ Топ-3 фильтра по цене - это до 10, до 15 и до 20 тысяч рублей.

163. Маркетинговая аналитика фильтров Есть и более сложные данные, например, дверьми для частных домов более всего интересуются в следующих регионах: ★ Омск ★ Калуга ★ Энгельс ★ Саратов

164. Есть названия и номера моделей специально для удобства дилеров

165. «Фишка» каталога - окно просмотра двери

166. Сравнительный подбор отделок внутри и снаружи

167. Дверь можно «примерить» в свой или типовые интерьеры Каждый 3-й просматривает, а каждый 20-й загружает свой интерьер

168. Нюанс по веб-аналитике

169. Многие взаимодействия на сайте реализованы посредством AJAX В частности это: ● просмотр карточки двери ● листание карточек дверей ● перемещение между вкладками ● всплывающие окна Все эти события эквиваленты просмотрам страниц и посчитаны Нюанс по веб-аналитике

170. Спецстраницы под серии http://torex.ru/catalog/series/super-omega-10/

171. Спецстраницы под серии http://torex.ru/catalog/series/super-omega-10/

172. Продвинутый движок сравнения дверей

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

174. Выбрать магазин Возможность удобного поиска магазина, плюс о каждом магазине есть дополнительная информация (фото, УТП, и пр). Каждый 3-й посетитель заходит в раздел “Где купить”, и каждый 5-й кликает на точку на карте.

175. Только 1,38% пользователей решили перейти на старый сайт. 98,55% предпочитают пользоваться новым. Количество посещений torex.ru и old.torex.ru В целом: 98,55% предпочитают новый сайт

176. Сайт полностью адаптивен

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

178. Дизайн двери в вашем интерьере. Разработали и реализуем стратегию продвижения мобильного приложения. для IOS и Android. Генерировало звонков сопоставимо с федеральным размещением в Яндекс.Директ.

179. Финансовая аналитика Мы настроили систему отслеживания не только количества заказов на сайте, но и их суммы в рублях.

180. Финансовая аналитика все возможные цели и конверсии

181. Показатель отказов на сайте среднее значение по wikipedia

182. Показатель отказов на сайте значения на torex.ru ★ Показатель отказов снизился с 29% до 8% ★ Среднее время проведенное пользователем на сайте увеличилось на 23% ★ Среднее количество просмотренных страниц увеличилось на 5%

183. SEO-продвижение за 6 месяцев органический трафик вырос на 61% Было Стало

184. SEO-продвижение за 6 месяцев органический трафик вырос на 61%

185. Сайт без подддержки не существует или существует, но не долго Ticket ID Дата добавле ния URL- адрес страниц ы Браузер, версия Разреше ние Скринш от Описание Имя сотрудн ика Приорит ет Тип правки (complet o) Статус работ Комментарии Completo Время, часов Результат работ

186. Сайт без подддержки не существует или существует, но не долго

187. Будем друзьями! http://www.facebook.com/davydov.vladimir

188. http://emb2b.ru/ 27 апреля, кейсы в B2B

189. http://www.facebook.com/ davydov.vladimir dv@completo.ru