Системный подход к разработке сайта

Формирование
потребностей
Поиск
решений
Сбор
информации
Первичное
ознакомление
Магазин Звонок
Приобретение
Работа с
отказниками
Использование
Рекомендации
знакомым
Сайт
Системный подход
к разработке сайта
Как перенести все маркетинговые задумки на
сайт и выполнить план продаж.
+7 (495) 640-89-97
contact@completo.ru

2Маркетинговая группа Комплето | +7 (495) 640-89-97 | www.completo.ru
ПОЗВОЛЬТЕ
ПРЕДСТАВИТЬСЯ

Владимир Давыдов
руководитель отдела ведения проектов и заботы
о клиентах Маркетинговой Группы «Комплето»
www.completo.ru
Маркетинговая группа Комплето | +7 (495) 640-89-97 | www.completo.ru

У нас много опыта с 1998 года
мы прошли путь от специалистов до стратегов верхнего эшелона,
поработали по всем возможным схемам и тарифам
1998 -> 2001 -> 2007 ->
2013
cпециалисты
сайты
«реклама»
веб-студия
сайты
seo-продвижение
контекстная реклама
комплексный
И-маркетинг
контент-маркетинг
развитие сайта
веб-аналитика
повышение
продаж
посадочные страницы
контекстная реклама
продающие баннеры
генерация лидов
аналитика до продаж
Системный
Электронный
Маркетинг
решение по-настоящему
крутых маркетинговых
задач бизнесов B2B и
сложных B2C (не ритейл)

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

Наши кейсы
1. Сбор всего интересного за 2016 год
✓ Системный электронный маркетинг — это
по-нашему! Видео, кейсы, готовые решения
для бизнеса.
✓ Digital-воронка: как вырастить прибыль без
увеличения числа текущих заявок.
✓
✓ Как мы заставили сайт производителя
стройматериалов продавать продукцию
силами дилеров. Кейс.
✓ Как повысить продажи из интернет-рекламы,
если вам звонят? 15 кейсов, антикейсов и
хитростей при работе с телефонией.
✓
✓ Генератор уникальных сайтов с SEO-
оптимизацией, веб-аналитикой и готовой
контекстной рекламой для сети
региональных дилеров 3 000+
✓
2. Ещё кейсы возрастом 1-2 года
✓ Как повысить прибыль компании с дилерской
сетью за счёт системного подхода к
электронному маркетингу?
✓ Как повысить в 18 раз количество заявок и
загрузить производство на год вперёд?
✓ Как заработать за 2 месяца 15 000 000 рублей для
клиента и сделать ROI на платных рекламных каналах
700%?
✓ Как увеличить в 330 раз посещаемость ресурса до 1
миллиона человек в месяц?
✓ Как увеличить конверсию в 9 раз и при этом сэкономить
8 млн. рублей на рекламу?
✓ Как повысить продажи на 36% с помощью CRM,
телефонии и персонифицированной аналитики?
✓ Что делать в кризис клинике, если число пациентов
стремительно падает?
✓ Экспериментальный проект помощи микробизнесу.
Реализация системного электронного маркетинга для
музыкальной школы для взрослых.

Проблематика:
1. Оптимизируют конверсию на сайте,
манипулируя посетителем с помощью
интерфейса, «супервыгод» и стресса
2. Не понимают, что конверсия – малая
часть пути клиента – до неё и после
него много всего происходит ☺
3. Игнорируют исследования и
тщательное проектирование сайта с
точки зрения маркетинга

Для каких случаев будет полезно:
1. Не мгновенная эмоциональная
покупка
2. Путь принятия решения хотя бы с
минимальными «исследованиями» со
стороны покупателя
3. Промежуточные конверсии имеют
значение (а не формат: «посетитель
должен сразу купить у нас на сайте»

Мы не будем касаться «фишек» на
сайте, повышающих конверсию в
заявку.
1. Конверсия на сайте – малый этап пути
клиента. Можно разными способами её
захватывать, но то, что было до
конверсии, эти «способы» вам
выстроить не помогут.
2. Подогретый клиент пройдёт через
любые препятствия на сайте
3. Есть добротная инструкция по
«фишкам» захвата конверсии - http://
www.goodui.org/

До 2012 года мы использовали типовой
подход к веб-разработке,
1. На брифинге Вас спрашивают о сайтах, которые
Вам нравятся.
2. В опроснике вопросы только о сайте, без вопросов
о бизнесе в целом.
3. Количество часов на “вникание в бизнес и
проектирование” исчисляется парой десятков,
после чего сразу же начинается “работа по
созданию сайта”.
4. Нет промежуточных результатов — что-то долго
разрабатывают, потом выдают неожиданный
результат.
5. Не могут сделать расчет эффективности проекта
и возврата инвестиций.
который до сих пор используют множество агентств и веб-студий:

Дизайн
Адаптивность
Скорость загрузки
Рассказ о компании
Представление товаров / услуг
Формы сбора лидов / заказов
Пригодность для решения бизнес-задач
Общепринятый подход: 5% — исследования, 95%
— дизайн, верстка, программирование.

Не все понимают роль и место сайта в общей стратегии
маркетинга и продаж. Бывают даже такие ситуации:
1. Клиент просит разработать сайт.
Сделали стратегию электронного
маркетинга — оказалось:
1. Нет готовых линеек продуктов под спрос
на рынке b2c
2. Нет правильного позиционирования,
брендинга
3. Негативный опыт работы на новом
рынке в другом регионе, продукты
оказались невостребованными
4. Точки офлайн продаж в Москве и МО с
текущим ассортиментом и локациях
убыточны
5. Высокая конкуренция с одинаковыми
продуктами
6. Производство продуктов дешевого
эконом-сегмента убыточна
2. Анализируя ситуацию
детальнее, ставим уже
конкретные бизнес-задачи:
3. В итоге вместо "сделайте нам
сайт" мы делаем сначала:
1. Создать ассортимент под
спрос и платежеспособность
покупателей;
2. Разработать УТП;
3. Разработать
позиционирование, с
акцентом на продвижение в
интернете.
4. Определить количество
брендов,
5. Розничные цены на продукты,
заложив % цепочки
продвижения в канале сбыта.
1. Определить количество брендов,
2. Разработать ассортиментную матрицу (включая
технические, дизайнерские характеристики),
3. Цены на продукты,
4. Разработать концепции позиционирования брендов
компании под ЦА, с акцентом на продвижение в
интернете,
5. Нейминг серий и нового бренда,слоган, УТП,
6. Создание логотипа,
7. Графическая визуализация, фирстиль, брендбуки,
8. Разработать концепцию позиционирования,
9. Концепцию визуальной идентификации,
10.Бренд бук.

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

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

«Новый сайт должен быть стильным,
удобным, современным. И недорогим!»
А то что после его запуска мы продажи в 2,5 раза
потеряли – ну, с кем не бывает.

«Дорого! Мы лучше сами попилим… пару лет»
 Почитать на тему: http://blog.completo.ru/skolko-stoit-internet-
marketing/

75%мы тратим на подготовку и анализ: на дизайн,  
верстку  
и программирование
1. Продумываем системную стратегию
2. Строим маркетинговый каркас сайта (пути
клиентов и прототипы)
3. Проектируем модульную структуру, основанную
на целях компании
4. Настраиваем аналитику и связываем сайт с
автоматизацией бизнеса
25%
Поэтому
времени
и только

И никак не наоборот —
Коммерческий сайт, призванный решать
бизнес-задачи, должен быть досконально
продуман по маркетингу и бизнес-аспектам, а
не быть образцом идеальной верстки или
кода, выдерживающего миллионы
посетителей в месяц.
75% 25%
Качество дизайна при этом
только выигрывает
(покажу кейсы дальше)

Спрашивается
1. Почему же все кейсы по разработке сайтов от
ведущих веб-студий сводятся к визуальным
решениям ?
2. Почему при продаже сайтов клиентам они все в
один голос говорят о дизайне / анимации ?
3. Почему заказчик уделяет столько времени
дизайну и «большому боссу» взахлёб
показывают «дизайн главной» ?

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

Причина 2. Эволюция
Миллионы лет эволюции хорошо
отточили наш навык судить по внешности.
Эволюция приучила нас к тому, что красивое –
значит качественное, правильное, надёжное!
Обратимся к исследованиям…

Причина 2. Эволюция
«Люди склонны верить, что более красивые
вещи будут работать лучше — даже, если они
не работают лучше или неэффективны»
— Donald A, Norman, co-founder of Nielsen Norman Group https://www.nngroup.com/
articles/aesthetic-usability-effect/
«Мы считаем привлекательных более умными,
а это никак не связано»
— Dr Sean Talamas, University of St Andrews
https://www.st-andrews.ac.uk/stories/2016/smart-at-first-sight/

Исследования показали.
За 100 мс по фото понимают
нравится или нет
За 100 миллисекунд просмотра фотографии
люди формируют впечатление о том,
насколько он вызывает доверие, компетентен,
нравится, агрессивен, привлекателен
Исследование: http://journals.sagepub.com/doi/abs/10.1111/j.1467-9280.2006.01750.x

За 5 с видео без звука понимают
нравится лектор или нет
За 5 секунд видео без звука люди оценивают
незнакомого лектора также точно, как студенты,
отучившиеся семестр у этого лектора.
Оценка не касается предмета обучения, а только
«насколько хороший человек»
Исследование: https://ambadylab.stanford.edu/pubs/1993Ambady.pdf

За 50 мс просмотра сайта
понимаем, нравится или нет
За 50 мс формируется первое впечатление о
сайте — нравится или нет.
Это впечатление только визуальное, т.к. за 50
мс трудно что-то прочитать или
проанализировать.
Исследование: http://www.anaandjelic.typepad.com/files/attention-web-designers-2.pdf

Красивый, но неудобный сайт, считается
хорошим, даже, когда по нему просто гуляют.
Но при попытке «что-то найти» общая
оценка удовлетворенности падает на 38%.
— "Visual Appeal vs. Usability: Which One Influences User Perceptions of a Website More" by Dr Christine Phillips http://
usabilitynews.org/visual-appeal-vs-usability-whichone-influences-user-perceptions-of-a-website-more/

Эффект «красоты» размывается
после начала взаимодействия
Привлекательные люди оказываются не такими умными
Вещи не такими удобными

А красота сайта тускнеет из-за
отсутствия смысла
На этапе выбора сайта (внушает доверие или нет)
дизайн играл 94%, а содержание 6%
На этапе работы с сайтом (поиск информации)
дизайн играл 17%, а содержание 83%
Исследование: https://dl.acm.org/citation.cfm?doid=985692.985776

Чем сложнее взаимодействие, тем
меньше значимость эстетики, но
больше значимость других критериев
Эстетичный
Дизайн, визуальная
привлекательность,
Нравится
Содержание
Релевантность
Полнота
Достоверность
Актуальность
Функциональный
Понятный, а не «дорохо и бохато»
Аккуратный, а не вау-эффект и
лютый креатив
Целостный — если что-то можно
удалить без потери функционала, то
удаляем
Для всех целей и задач
Для посетителя
Для SEO
Для рекламы
Для партнеров (дилеров)
Для сотрудников
Сайт висит в воздухе
Сайт часть системы
маркетинга и продаж

1 2 31. SEO-стратегия
2. Текстовый прототип сайта
3. Презентация клиенту
4. Подготовка контента
5. Графический прототип и
дизайн
6. Верстка и программирование
7. Тестирование
8. Настройка сквозной
аналитики
1. Анализируем все
показатели бизнеса и
изучаем конкурентов
2. Изучаем спрос под
микроскопом,
сегментируем целевую
аудиторию и строим путь
клиента
3. Просчитываем
тактический план работ на
9-12 месяцев
4. Прогнозируем
окупаемость сайта и
возврат инвестиций
Стратегия Разработка
1. Ищем места, где люди
отваливаются и
дорабатываем сайт
Запуск и улучшение
Систематизируя наш опыт за
11 лет работы, мы создали
свой подход к разработке
сайтовМаркетинговая группа Комплето | +7 (495) 640-89-97 | www.completo.ru

maed.ru/courses/website-development/

maed.ru/courses/
website-development/

С чем пришли
Клиент: Завод бытовой химии
Сайт: есть
Цели: одна из глобальных целей -
окончательный выход в сети.
Назначение: Ресурс для B2B-
клиентов, дистрибьютеров и
соискателей. Сайт не для продажи
бытовой продукции завода, а
рассказывающий о производителе и
полезный для B2B, в первую
очередь.
Проблемы: контента очень много,
но он совсем не структурирован.
Желание: красивый белый
сайт “для людей”
в фирменных тонах.

С чего начали
Аудит сайта:
7 выводов
4 области для оценки
29 страниц
39 разделов
Аудит конкурентов:
8 сфер активностей для сравнения в целом
10 конкурентов
10 параметров для сравнения трафика
65 листов
Изучение спроса:
1 майндмеп
6 файлов по изучению спроса
25 позиций сформированного В2В спроса
Позиционирование компании:
следует расширить описание
преимуществ компании
и продуктов, выделить
разделы , также необходимо
представить УТП на самых
посещаемых страницах.
44 файла

Что в результате
Стратегия
5 страниц итогов
145 листов
Общение с клиентом
1 раз в неделю - плановое общение
1 раз в день - переписка с клиентом по почте
1 съемка на объекте
6 брифов по скайпу
7 брифов на объекте
18 презентаций
Каналы общения: лично, телефон, скайп, почта, ватсап
Кол-во затраченных часов
9 месяцев - время работы только над сайтом
600+ часов только на сайт
Участники со стороны клиента:
• интернет-маркетолог
• руководитель отдела маркетинга
• директор по развитию
• генеральный директор
• сотрудники лаборатории,
• сотрудники отдела логистики
• бренд-менеджеры
• сотрудники производства
• начальники цехов
Участники со стороны Комплето:
• проджект
• маркетолог
• аккаунт
• дизайн-отдел
• команда верстальщиков
• программист, маркетолог
• копирайтеры и редактор
• видеооператор

Текстовый прототип
Структура:
2 страницы оглавления
2 страницы вводной информации
5 простых страниц сайта описаны
8 основных страниц
39 референсов
54 функциональных блока
67 разделов документа
100+ фактоидов
Ресурс для B2B-клиентов,
дистрибьютеров и
соискателей. Сайт не для
продажи бытовой продукции
завода, а рассказывающий
о производителе и полезный
для B2B, в первую очередь.
80 страниц

Графические прототипы
6 раз - максимальное
количество правок прототипа
8 итоговых прототипов
102 блока
было проработано

Дизайн
10 раз - максимальное
количество правок макета
27 итоговых макетов
600+ часов
только на сайт

Front-end и Back-end
Верстка
Адаптивная
Программирование
админка – Битрикс
калькулятор - для партнеров
личный кабинет - в планах
9 месяцев
работа над сайтом

1
Стратегия
Сайт, созданный в отрыве от стратегии —
это 100% путь к сайту, который не сможет
решить ваших бизнес-задач.
Его неизбежно придётся переделывать.

Откуда собираем?
• С сайта
• Из офлайн-материалов
• От сотрудников
• Отзывы пользователей
• УТП конкурентов и их
раскрытие
Что собираем?
• Какие есть преимущества (УТП)?
• Как раскрываются эти УТП?
• Что за продукт и в чём его преимущество?
• Какие бизнес-процессы и в чём их
преимущества?
• Кто ЦА? ЛПР/ЛВПР, кто потребитель и кто
покупатель?
• Собираем воедино весь ваш маркетинг, исследования, продукт, услуги, спрос и конкурентов.
• Планируем будущие активности с сайтом, автоматизацией маркетинга, бизнеса, рекламой и
сквозной аналитикой
• Разрабатываем план, как сохранить текущие продажи через сайт и не потерять все ваши
наработки.
Анализируем все показатели бизнеса и изучаем конкурентов
Стратегия
Смотреть
Более детальный чеклист,
проходя по которому мы
собираем данные для старта
работ по проектированию
сайта.

Вам нужно понимать глобальные цели компании и перевести их в
цели сайта и рекламных каналов
Важно не просто поставить эти цели, а регулярно их отслеживать
после запуска сайта. Отчётность по достижению KPI вашим новым
сайтом должна быть автоматизированная, визуально наглядная и
понятная.
Примеры плохих
1. Изменился фирменный
стиль компании — нужно
обновить под него сайт
2. Текущий сайт не нравится
руководству — не строгий,
не солидный, устаревший
3. Сайт есть в годовых KPI
отдела маркетинга — надо
делать 
1. Необходимо создать интернет-гипермаркет для профессионалов (B2B) для
выполнения плана продаж в X рублей, создать на его основе систему лояльности и
повысить повторные продажи на 25% в течение 1,5 лет
2. Текущий сайт работает с 2 сегментами аудитории, а у нас их 15, необходимо через
сайт или серию сайтов решить обработку потребностей оставшихся 13 сегментов
целевой аудитории и выполнить план по дополнительным продажам в X рублей
3. Сейчас сайт генерирует множество нецелевых обращений, новым сайтом
необходимо снизить нецелевые обращения до 5% и повысить конверсию заявок с
сайта в сделки на 30% в течение 1 года
и хороших целей

Сегментационные
критерии
Группы
аудиторий
ЛПР ЛВПР
Докопаться до сути
☺
Сегментация ЦА – это просто ☺
Основная задача – копать так глубоко, как
только можно и рентабельно по деньгам и
времени на исследования.
Выделяем «свои» сегменты (чем больше,
тем лучше).
Выделяем, с кем точно НЕ работаем (анти
сегменты)
Внутри «своих» сегментов выделяем лиц,
принимающих решения и лиц, на них
влияющих
По всем «лицам» копаем истинные
потребности и боли. Никого не слушаем,
кроме них самих и поисковых запросов.

Давайте сразу определимся, как НЕ надо делать
1. Наши клиенты – все. Мы продаём всем.
2. Мужчины 35+, Женщины 35-
3. Купные, средние и мелкие кто-то
4. B2B и B2C
5. Массовый (до *** рублей), средний (до ***
рублей) и премиум (до *** рублей) сегменты
6. Все строительные компании
7. Все жители городов с населением больше 1
000 000+
8. Все мамы детей до 12 месяцев
9. Компании СМБ, для которых важно
соотношение цена/качество
10. Руководители и коммерческие директора
 

Важно! Отказ от конкретных аудиторий –
важная честь сегментации
Сегментация – это не только выбор аудитории, с
кем мы точно работаем, но и выбор всех
сегментов аудитории, с кем мы точно НЕ
работаем. Это нужно прописывать в явном
виде.
Убираем сегменты по тем же признакам,
по которым сегментируем «нашу ЦА»

Пример 1. Сегментация ЦА
Верхний уровень
сегментации аудитории без
углубления в потребности,
позиционирование и УТП под
каждый сегмент

Как обычно начинается разработка сайта

Пример 2. Сегментация ЦА
Сегментация по аудитории (отраслям): всего 32 сегмента, из них в приоритете 19.
Самые важные - зерно, молочная промышленность, нефтяная промышленность и дорожные работы

Светлана выбирает дверь в квартиру после
ремонта и для неё, в первую очередь, важен
внешний вид.
Знает что знакомые устанавливали дверь за 15
000 рублей и остались ею очень довольны,
поэтому рассчитывает потрать такую же сумму.
О безопасности двери не задумывается, так как
слышала по телевизору об ограблениях
известных людей и считает, что «если захотят
— любую сломают», но защититься от
незванных гостей хотела бы. Именно поэтому
она боится покупать дверь с красивой внешней
отделкой, которая будет привлекать внимание.
Подъезд в котором живет Светлана теплый,
поэтому зимой в нем собирается молодежь. На
площадке часто бывает накурено и запах
проникает в квартиру и Светлана переживает
за здоровье своих детей.
Возраст 38 лет
Занятость Работает
Образовани
е
Высшее гуманитарное
Должность Продавец-консультант
Заработная
плата
15 000 — 20 000 руб./
месяц
Семейной
положение
Замужем, двое детей 14 и
8 лет
Место
жительства
Двушка в панельном доме
В свободное
время
Смотрит телевизор, ездит
на дачу, отдыхает с детьми на
море раз в год
Используем
ые каналы
Одноклассники
Email
Подходящий
продукт
Ultra, Super Delta, Super
Alfa
Пример. Типовой персонаж под сегмент ЦА

Возраст 49 лет
Занятость Работает, индивидуальный
предприниматель
Образование Неоконченное высшее
экономическое
Должность Человек на все руки
Заработная
плата
100 000 — 200 000 руб./
месяц
Семейной
положение
Был женат 20 лет, развелся,
есть два взрослых ребенка
Место
жительства
Живет в собственном
загородном доме
В свободное
время
Путешествия, охота,
рыбалка, горные лыжи
Используемые
каналы
Facebook, Одноклассники,
Youtube
Email
Подходящий
продукт
Профессор
Прожив с женой 20 лет в браке и вырастив детей,
Алексей решил пожить для себя.
По обоюдному согласию они с женой развелись,
бывшей супруге он оставил просторную квартиру,
а сам переехал в загородный дом. Начав жить в
нем постоянно перед Алексеем встал вопрос
замены двери — старая свою отслужила, её давно
пора было поменять, но руки не доходили.
О требованиях к двери не задумывался, о цене
тоже. Считает, что в приличной вещи все есть по
умолчанию. Алексей неплохо зарабатывает, но
знает цену деньгам, самое главное для него не
бренд, а сочетание качества и разумной цены.
Тратить много времени на выбор двери он не
готов, но Интернету доверяет больше чем
продавцу консультанту, поэтому перед покупкой
собирает информацию о дверях. Окончательное
решение будет принимать вместе со своей 30-
летней невестой.
Пример. Типовой персонаж под сегмент ЦА

Сегментационные
критерии
Группы
аудиторий
ЛПР ЛВПР
Докопаться до сути
☺
Сегментация ЦА – это просто ☺
Сводный документ.
Выделяем «свои» сегменты (чем больше,
тем лучше).
Выделяем, с кем точно НЕ работаем (анти
сегменты)
Внутри «своих» сегментов выделяем лиц,
принимающих решения и лиц, на них
влияющих
По всем «лицам» копаем истинные
потребности и боли. Никого не слушаем,
кроме них самих и поисковых запросов.

1. Позиционирование конкурентов
2. Ценовая политика
3. Ассортимент
4. Клиентский сервис
5. Инструменты продвижения
6. Бюджеты на продвижение
7. Инструменты вовлечения,
удержания и конвертации
Исследование конкурентов

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

Приходим и пристаём к продавцам у себя и у
конкурентов. Мучаем их. Ковыряемся в
продукте, сервисе, условиях.
Выпытываем у них ответы по заранее
подготовленному списку вопросов (чеклист).
Делаем аудио запись, которую потом вместе с
выводами и итогами оформляем в виде
таблицы и сопровождающего текстового
документа.
Тайный покупатель (тайник)
Желательно взять с собой эксперта, если вы
сами не в теме.

Уточняем УТП, позиционирование, характеристики
Проверяем скрипты продаж
Проверяем ценовую политику
Узнаём про сайты и их возможности от консультантов
В итоге понимаем:
Что можно взять на заметку
Как можно "обойти", какие характеристики можно
обернуть в недостатки
Что можно рассказать клиенту о недостатках
конкурента

Торговых точек в Москве
Расположение торговых точек
Охват районов торговыми точками
Типы торговых точек
Декларируемый слоган компании
Проходимость, вероятность
попадания в ТТ случайных
посетителей местных жителей
Привлекательность торговых точек
Чистота, порядок, качество
освещения
Информационные стенды в точке
продаж, демонстрируемые
преимущества и пр.
Открытость цен на ******* (этикетки)
Первое впечатление от соотношения
цены качества *******
Общее впечатление от торговой точки
компании по результатам посещения
Общее впечатление от торговой точки
компании по результатам посещения
Созданное ТТ и консультантом
впечатление от продукта
Внешний вид, опрятность,
официальность
Уровень вежливости
Выстроенность работы с
возражениями
Умение выявить потребности
и страхи клиента,
докопавшись до истины
Продемонстрированный
уровень знания своего
продукта - опции, их
стоимость, возможности
кастомизации и их стоимость
Продемонстрированный
уровень знаний в области
безопасности ******* в целом
- взломостойкость,
секретность ******* ,
способность показать
экспертность и поддерживать
аргументированно свою
позицию
******* под заказ в наличии
Скорость поставки ******* в наличии
Срок поставки ******* под заказ
Гарантия
Отделка
Дизайн и рисунки
Импортные *******
Свои *******
Выезд замерщика
Доставка
Услуги по установке *******
Демонтаж *******

1. Сегментам
2. Потребностям
3. Ожиданиям
4. Возражениям
5. Уровню сформированности
6. Конкурентности
Изучение проекции рынка в Интернете.
Анализ спроса в поисковых системах,
раскладка по:
На его основе мы разработаем структуру сайта и каталоги для
каждого из направлений.
Для чего нам понадобится сформированный спрос?

Например: раздвижные системы. На основе собранного ядры мы сформируем фильтры для каталога раздвижных
систем.
Фильтры: по типу, по типу используемых направляющих, по назначению - именно так ищут покупатели раздвижных
систем.

Важно учесть!
1. Запросы конкурентов: нужно учитывать при
подготовке к оптимизации, т.к. разные ценовые
сегменты, регионы, ассортимент и, отчасти,
тематики инфо-запросов
2. Смежные запросы: необходимо сперва
определиться с направлениями контента, получить
отклик ЦА по различным тематикам и затем
подбирать / расширять.
3. Несформированный спрос: как и смежные
запросы, формулируются пользователями по
подобной проблеме, но без осознанной
потребности в гардеробных системах. Это
направление необходимо вычленять из
тематического спроса.
Изучение спроса
Итого, изучив сформированный спрос, мы
получаем:
1. Готовую структуру сайта и каталогов
2. Понимание о спросе на продукцию
3. Новые ниши и идеи
4. Темы для контент-маркетинга
5. Узнаем самые важные УТП товара
для клиентов
6. Новые решения - для b2c важен
планировщик, а для части
продукции были найдены
сопутствующие товары, которые
ищет клиент.

Исследование конкурентов

Информационники,
нерегиональные
23 ядра
Коммерчес
кие,
региональн
ые
Цель - продвинуться как можно шире. В идеале, по всей России.
Эта группа
запросов
видна по всей
России!
Ядро поделилось на 2 части:

Несформированный спрос
Информационный спрос
Сформированный спрос
(сайт производителя)
Здесь надо:
● удерживать внимание
сомневающихся,
● собирать конкурентный
спрос
● собирать трафик с
неправильными
формулировками
● собирать трафик по
товарам-заменителям

В данном случае,
запросы длиной до
9 включительно
вполне можно было
бы прорабатывать.
Скачать эксель
с расчетом:
http://joxi.ru/
L21vJZxu7l39AX
Какой длины запросы задают пользователи?

1. Негатив / позитив
2. Почему случился негатив
3. Где нашлись отзывы
4. Что говорят о конкурентах
Изучение отзывов и рекомендаций.
На форумах, блогах, в соцсетях

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

Итог работы – сайт, как часть системы.
Структура и смысл -> Расчет окупаемости сайта -> Стратегия
Анализируем все показатели бизнеса и изучаем конкурентов
Стратегия

Путь клиента  
пример 1

I Путь пользователя в зависимости от представленности Торговой Точки
Поход за
Торговая точка
Заказ ***** в
магазине
Сайт (Статьи и
Инструкции)
Заказ ***** на сайте
Поиск ***** в
соседних магазинах
Хорошая работа
консультанта в
магазине
Сайт (Каталог)

Торговые точки для отображения на сайте

II Путь пользователя в зависимости от возможностей сервиса
Заказ ***** в магазине
Доставка ***** Установка *****
Самовывоз ***** со склада
Самостоятельная установка
*****
Сайт (Статьи и Инструкции)
Заказ ***** на сайте

Информация о сервисе
(в сравнении с конкурентами)

III Путь пользователя в зависимости
от критериев выбора
Поход за
Рекомендации
друзей
Сайт (Каталог)
Сайт (Статьи и
Инструкции)
Сайт (Где купить)
Сайт (Главная)
Поиск *****/
реклама
Поиск
информации о
*****/ контент
Поиск магазинов
рядом с домом /
карта
Поиск “***********” /
брендовый запрос
Торговая точка
Поиск ***** в
соседних
магазинах
Что и от кого
важно в
рекомендациях?
Отзывы в
Интернете
Поиск в интернете
Преобладающий
позитивный тон
Сайт (Акции)

Информация о продукции
(в сравнении с конкурентами)
28 вопросов-уточнений по
продукции и её характеристикам,
не смотря на то, что клиент
продолжал твердить
«мы же вам уже всё рассказали»

В итоге имеем путь клиента и вопросы по каждому блоку

91 вопрос и запрос информации
для старта проектирования
сайта

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

Путь клиента  
пример 2

Офисы Ритейл Общее
Продажа
- Надежный застройщик
- Рентабельные вложения
- Гибкие условия покупки
- Налоговые вычеты
- Надежные договоры
- Офисы от 30м
- Доступны офисы с отделкой
- Доступны готовые офисы
- …
- Окупаемость бизнеса 7 лет
- Высокая ликвидность
- Высокая проходимость
- Надежный договор
- Возможность сформировать ГАБ
-…
- Рентабельные вложения
- Гибкие условия покупки
- Надежные договоры
- Индивидуальное сопровождение сделки
- Собственная надежная УК
Аренда
- Офисы от 30м
- Доступны офисы с отделкой
- Клиентские офисы с отдельным
входом
- Доступны готовые офисы
- Скидки на бронь строящихся офисов
- Бесплатное сопровождение сделки с
собственником
- …
- Плотно населенный спальный район
- У метро
- Аренда от собственника, с бесплатным
сопровождением сделки
- …
- Престижные деловые центры
- Лучшие районы
- Доступны готовые проекты для въезда
- Арендуют именитые компании
- Стильное оформление фасадов, МОП,
помещений
- Лучшие условия аренды для бизнеса
Общее
- Высокий класс деловых центров
- Smart Reception
- Современные системы безопасности
- Паркинг для сотрудников и гостевой
- Удобные планировки для сотрудников
- Варианты с отделкой
- …
- Платежеспособный спрос
- Постоянные посетители (из офисов)
- Варианты с отдельным входом
- Варианты с панорамными витринами
- Стильные фасады
- Варианты с высокими потолками
- …
- Своя УК
- И офисы, и ритейл
- Престижные деловые центры
- Продуманные планировки
- …

Первичная сегментация
Второй этап
3 этап
4 этап
Выделяем ключевые
интересы
Подводим к Проекту
Подводим к Звонку
Подводим к Показу и далее
Задача и функционал сайта
Отметим, что каждый этап
характеризует осведомленность пользователя о
предложении:
1. Первый этап - определяется профиль
интереса и тип сделки
2. Второй этап - знакомство с проектом
3. Третий этап - подводим к Звонку
4. Четвертый этап - пользователь позвонил и
далее поддерживаем его на этапе Показа и
дальнейшей продажи.

После проведения первичной
сегментации интересов мы
получаем 19 комбинаций
интересов. 
 
Если пользователя интересует
определенный проект —
включаем конкретную
информацию по каждому
проекту (следующий слайд).
Пути клиентов №
Аренда Офисы Покупатель Общая 1
Продажа Офисы Покупатель Общая 2
Продажа Ритейл Покупатель Общая 3
Продажа Офисы Инвесторы Общая 4
Продажа Ритейл Инвесторы Общая 5
Продажа Офисы Покупатель По проекту ЖК1 6
Продажа Офисы Покупатель По проекту ЖК2 7
Аренда Офисы Покупатель По проекту ЖК1 8
Аренда Офисы Покупатель По проекту ЖК2 9
Продажа Ритейл Покупатель По проекту ЖК1 10
Продажа Офисы Инвесторы По проекту ЖК1 14
Продажа Офисы Инвесторы По проекту ЖК2 15
Продажа Ритейл Инвесторы По проекту ЖК1 16

Блок стадии Что смотрел
Аренда
Офисы
Продажа
Офисы
Продажа
Ритейл
Офисы
Инвестора
м
Ритейл
Инвестора
м
Расположение
Район Да Да Да Да Да
Расположение проекта Да Да Да Да Да
Проходимость Нет Нет Да Нет Да
Транспортная доступность Да Да Да Нет Нет
Территория
Генплан комплекса Нет Да Да Да Да
Паркинг Да Да Да Нет Нет
Благоустроенная территория Да Да Нет Нет Нет
Архитектура
Архитектура проекта Нет Да Да Да Да
МОП, интерьеры Да Да Да Да Да
Инженерное
обеспечение
Инженерное обеспечение Да Да Да Да Да
Собственные коммуникации Да Да Да Нет Нет
Управление и
эксплуатация
Управляющая компания Да Да Да Да Да
Преимущества помещения для
эксплуатации
Да Да Да Нет Нет
Застройщик
Надежность застройщика Нет Да Да Да Да
История застройщика Да Да Да Да Да
Команда проекта Нет Да Да Да Да
Технологии строительства Нет Да Да Да Да
Продукт
Просмотр планировки Да Да Да Да Да
Эффективные планировки Да Да Да Да Нет
Свободные планировки Нет Да Нет Да Нет
Стадия готовности Да Да Да Да Да
Рентабельность Нет Да Да Да Да
Платежеспособный спрос Нет Нет Да Нет Да
Помещения по метражу Да Да Да Да Да
Опции продукта
Панорамные витрины Нет Нет Да Нет Нет
Высокие потолки Нет Да Да Да Да
Цокольный этаж Да Да Нет Нет Нет
Двухуровневые офисы Нет Да Нет Да Нет
Офисы с отделкой Да Да Нет Да Нет
Ритейл с отделкой Нет Нет Да Нет Да
Терасса Да Да Нет Нет Нет
Отдельный вход Да Да Да Да Да
Панорамные окна Да Да Да Нет Нет
Условия сделки
Цены Да Да Да Да Да
Условия сделки Да Да Да Да Да
Ипотека Нет Да Да Да Да
Помогаем сфомировать ГАБ Нет Нет Нет Да Да
Сопровождение договора с
арендодателем Да Нет Нет Нет Нет
Пути клиента
Для них основной интерес
представляет такой контент

Структура страницы на сайте под путь клиента “Аренда офисов”:
● Ваша компания собирается “переезжать”?
○ Какие есть риски при переезде (уйдут сотрудники)
○ На что обратить внимание при выборе района?
(например, сильно завязаны бизнес-процессы на
логистике?)
○ Лучше районы для размещения компаний в сфере услуг
○ Самые “престижные” районы
● Чек-лист по выбору ДЦ для офисов в аренду:
○ Договоры
○ Тонкости эксплуатации арендных помещений (смотрим
УК)
○ Как могут “кинуть”?
○ Совет съездить на презентацию (мол, часто ожидания/
реальность расходятся)
● Выбирайте не только по площади и виду из офиса:
○ Про инженерное обепечение ДЦ — арендаторов, мол,
часто ущемляют.
○ Парковка — если в центре, то для ДЦ парковка
обязательна, а её часто нет на других проектах
● Площадь - не главное? Что такое эффективные платнировки
для арендаторов
● Аренда VS Продажа — как рассчитать эффективность
Блок стадии Что смотрел Аренда Офисы
Расположение
Район Да
Расположение проекта Да
Проходимость Нет
Транспортная доступность Да
Территория
Генплан комплекса Нет
Паркинг Да
Благоустроенная территория Да
Архитектура
Архитектура проекта Нет
МОП, интерьеры Да
Инженерное
обеспечение
Инженерное обеспечение Да
Собственные коммуникации Да
Управление и
эксплуатация
Управляющая компания Да
Преимущества помещения для эксплуатации
Да
Застройщик
Надежность застройщика Нет
История застройщика Да
Команда проекта Нет
Технологии строительства Нет
Продукт
Просмотр планировки Да
Эффективные планировки Да
Свободные планировки Нет
Стадия готовности Да
Рентабельность Нет
Платежеспособный спрос Нет
Помещения по метражу Да
Опции продукта
Панорамные витрины Нет
Высокие потолки Нет
Цокольный этаж Да
Двухуровневые офисы Нет
Офисы с отделкой Да
Ритейл с отделкой Нет
Терасса Да
Отдельный вход Да
Панорамные окна Да
Условия сделки
Цены Да
Условия сделки Да
Ипотека Нет
Помогаем сфомировать ГАБ Нет
Сопровождение договора с арендодателем Да

Изучаем спрос под микроскопом, сегментируем целевую
аудиторию и строим путь клиента
Стратегия
*** стиль
*** в английском стиле
*** в стиле классика
стиль хай тек в интерьере ***
стильные современные ***
*** цвета
сочетание цветов на ***
в каком цвете заказать ***
*** с фотопечатью
*** с фотопечатью
*** с фотопечатью фото
на*** на заказ
заказ *** на заказ
*** на заказ по индивидуальным
размерам
Подбираем стиль и цвет под ваши пожелания
1 каталог стилей
2 Галерея с цветовыми решениями
Добавь своей ***
индивидуальности
Фотопечать на фасадах
Статья «Все что нужно знать о
готовых и индивидуальных ***»
Страница со статьей
Собираем ключевые
слова и группируем
Создаем целевую страницу
под каждую группу
Под каждую группу
подбираем УТП
Фактор №1 — Выбирает стиль ***
УТП — Разные стили на любой вкус, чтобы ***
была уютной
Фактор №3 — Фотопечать на фасадах
УТП — Создай по-настоящему уютную ***
которая вдохновляет...
Фактор №4 — Возражение: Хочу готовую ***
УТП — Только индивидуальный заказ
учитывает все ваши потребности
Фактор №2 — Цвета фасадов
УТП — Широкий выбор цветов, чтобы ***
создавала настроениеЦвета фасадов
Реальная схема
намного сложней.  
Ее можно
посмотреть здесь.

План работ, который вы в 95% случаев
получите от веб-студии
График запуска проекта
1 Подготовка и
исследования
5 440 руб.
2 Проектирование 134 600 руб.
3 Дизайн 268 600 руб.
4 Верстка 23 500 руб.
5 Программирование 323 136 руб.
Итого: 1 850 346 руб.

На самом деле внутри таких строк в диаграмме Ганта зашито множество работ и рисков
1 Подготовка и
исследования
5 440 руб.
2 Проектирование 134 600 руб.
3 Дизайн 268 600 руб.
4 Верстка 23 500 руб.
5 Программирование 323 136 руб.
Итого: 1 850 346 руб.
Подготовка и исследования:
1. Папка клиента
2. Анализ конкурентов
3. Сегментация ЦА
4. Анализ продукта
5. Анализ спроса
6. ABC-анализ
7. RFM-анализ
8. Исследование рынка
9. Брифинг
10. Семантика сайта
11. Аудит текущего сайта: 
- юзабилити 
- маркетинг 
- SEO
Проектирование:
1. Бриф с самим собой:  
- Идея сайта 
- Знать ЧАВО от дизайн отдела 
- Отметить, под какие
разрешения делаем сайт 
- Делаем мобильную версию? 
- Делаем адаптивную версию?
2. Бриф с клиентом
3. Черновые прототипы от
проджекта
4. Таблица по УТП
Дизайн:
1. Дизайнер получил все исходники (выше)
2. Сделан главный экран
3. Презентован проджекту/команде
4. Презентован клиенту
5. Сделаны макеты остальных страниц
6. Презентованы проджекту/команде
7. Презентованы клиенту
8. Принят 1 пакет правок
9. Внесены правки
10. Создан КИТ
11. Все положено на гугло-диск в нужную
папку
Верстка:
1. Передача ТЗ и макетов, лично и голосом объяснить
2. Создана рабочая группа в скайпе
3. Верстка на закрытом от индексации сервере
4. Внутренний показ верстки
5. Создание таблицы багов
6. Тестирование багов проджектом
7. Тестирование багов дизайнером
8. Обсуждение правок голосом между дизайнером и проджектом
9. Проверка каждого исправленного бага
10. Контент в верстке на 100% по дизайну
11. Принятие верстки
12. Получение архива верстки
13. Архив положен на гугло-диск в нужную папку
14. Ссылка на архив прикреплена в Жире в задаче по верстке и в
общей задаче по сайту

Шаг Важность Статус
1 Исходные данные. Маркетинговая структура
Подготовка и исследования
Папка клиента Обязательно Нет
Анализ конкурентов Обязательно Есть
Сегментация ЦА Обязательно Есть
Анализ продукта Обязательно Есть
Анализ спроса Желательно Есть
ABC-анализ Желательно Нет
RFM-анализ Обязательно Нет
… … …
Такой «паспорт
проекта»
гарантирует
максимально
качественную
разработку — все
шаги в одном
месте, невозможно
что-то упустить.
Собираем в одном файле детальный список шагов по проекту с приоритетом и
статусом
Смотрет
ь полную
версию

Делаем финансовый план на 9-12 месяцев. Максимально детализируем все работы
Страница (ур.1) Сложность
Б | и
р | .
и | с
ф| б
и | о
н | р
г |
П
р
о
т
о
т
и
п
Т
е
к
с
т
ы
Д
и
з
а
й
н
В
е
р
с
т
к
а
П
р
о
г
р
а
м
м.
А
н
а
л
и
т
и
к
а
А
д
а
п
т
и
в
Трудо-
затраты на 1
страницу, ч
Страниц, шт
Стоимость,
руб
О компании
О компании
(Застройщик)
Простая 3 1 2 2 2 0 0 4 14 1 42000
Сравнение "Проект" и
"Реальность"
Простая 2 2 4 3 3 0 0 5 19 1 57000
Достижения, награды Простая 4 1 3 2 1 0 0 3 14 1 42000
Сотрудничество Простая 0 1 2 1 1 0 0 2 7 1 21000
Новости Простая 0 1 1 2 2 0 0 4 10 2 60000
Команда Простая 1 1 1 1 1 0 0 2 7 1 21000
Карьера Простая 1 1 1 2 1 0 0 3 9 1 27000
Управление Простая 1 2 2 2 2 0 0 4 13 1 39000
Смотреть
полную
версию

4 Прогнозируем
окупаемость
сайта и возврат
инвестиций
Продажи
1310 шт
50% конверсия
Получили:
средний чек — 25 249 руб.
33 млн. руб
Качественные заявки
в розницу
607 шт
Качественные заявки
в розницу
2 024 шт
входит в офлайн
статусы
Вложения в разработку
сайта — 3,5 млн. руб
Смотреть
полную
версию
рассчетов
Благодаря тому, что
мы тщательно
готовимся к
разработке сайта, мы
можем подготовить
экономическую
модель окупаемости
инвестиций в сайт и
другие работы вокруг
него.
Сайты по регионам 
45 000 сеансов
Головной сайт
Моб. приложение 
170 сеансов
Online — 1 021 639 запросов
Платный 
Органика 
Платный 
Органика 
1 825 обращений 
6 748 обращений 
2,3% конверсия
7 обращений 
4,1% конверсия
Стратегия

Разработка
21.SEO-стратегия
2.Текстовый прототип сайта
3.Презентация клиенту
4.Подготовка контента
5.Графический прототип и дизайн
6.Верстка и программирование
7.Тестирование
8.Настройка сквозной аналитики

Разработка стратегии:
— Проджект-менеджер
— Интернет-маркетолог
— SEO-специалист
Проектирование сайта:
— Информационный редактор
— Дизайнер
— Арт-директор,
— SEO-специалист
— Копирайтер
Дизайн:
— Арт-директор
— Информационный редактор
Верстка и программирование:
— Руководитель отдела разработки
— Разработка (программисты
верстальщики, тестировщики)
— Арт-директор
— Прожект менеджер
Настройка аналитики:
— Веб-аналитик
Поддержка:
— Разработка
На каждом этапе должен быть ответственный специалист

После подготовки, когда собраны все данные о спросе, аудиториях и конкурентах, мы
делаем SEO-стратегию — важнейшую часть будущих интернет-продаж:
1 SEO-стратегия и структура сайта
Сохраняем
текущие
результаты
Разрабатываем
структуру сайта
согласовано с
собранным
ядром спроса и
анализом
бизнеса
Находим все
текущие
ошибки и
недочеты —
включаем их
в план работ
Строим план
работ по
внешней и
внутренней
оптимизации на
9-12 месяцев

Путь клиента основан на поисковых запросах и стадиях принятия решения.

Собираем структуру сайта

Верхний уровень меню

Подстраницы верхнего уровня
или состав верхних страниц

Страницы групп
товаров или услуг

Полная версия
по ссылке
2 Текстовый прототип
— детальное описание каждого
раздела сайта с функционалом,
идеями, референсами и УТП.
Вы получаете готовый сайт на
максимально раннем этапе. Не
нужно ждать дизайна, и даже
прототипов.
В голове у руководителя проекта
выстраивается четкая картина для
передачи работы в дизайн. Это
очень сильно снижает риски
получить не то, что задумывали.

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

4 Именно с контентом возникает  
90% сложностей при разработке сайта
Если контент (текст,
фото, видео,
иллюстрации)
собирают в последний
момент и судорожно
пытаются впихнуть в
сайт, то получится
примерно так ->

Cайт должен подходить
только для вас.
Он должен правильно
позиционировать ваш
продукт и отражать все
ваши УТП.
Информация о заводе сама
станет отдельным УТП.
Причем из сложной
структуры можно делать
много ссылок на внутренние
страницы с разными целями
конверсии.
Например, выход на
страницу Продукции и на
страницу Вакансий.

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

Творческие процессы (все виды дизайна) -> нужно
минимизировать риски для вас и руководства
1. Всё творчество базируется
исключительно на том маркетинге,
сегментации аудитории, знании о рынке,
спросе и продукте, что мы тщательно
собирали на этапе проектирования.
Итого: подчиняем весь креатив главной цели — выполнению бизнес-задач.
Если работа по дизайну у вас выстроена в формате “тут позеленее, тут покруглее, а тут
руководитель сказал нужно добавить фотографию”, ждите беды! Отстаивать свою точку
зрения необходимо на данных и фактах.
2. Дизайнер участвует во всей
подготовке и проектировании сайта
вместе с командой — ему не
спускают задачу откуда-то со
словами “вот тебе прототипы —
нарисуй”.
!

1. Собираем всю информацию для проекта

1. Собираем всю информацию для проекта
Часто информация весьма сухая, написана с точки зрения технологии, а не выгоды.

2. Проводим финальный
бриф
Уточнение информации из двух
буклетов уместилась на 9
страницах

2. Проводим финальный бриф
Основные моменты из брифа
можно выписать.

3. Выписываем основные УТП
(они у нас должны быть уже в таблице с УТП и в таблице ЦА)

4. Выбираем для страницы основные и дополнительные УТП

5. Смотрим на количество информации для каждого УТП, ищем варианты отображения

6. Собираем структуру
Сначала идут основные УТП,
потом дополнительные.

7. Начинаем собирать экраны.
На первом экране должен быть ответ «О чем эта страница»,
а также конверсия на нужное нам действие.

8. Начинаем раскрывать УТП.

9. Отводим половину экрана или целый экран на работу с возражениями.

10. Показываем продукт с возможностью сразу его заказать.
Для отработки страха на тему количества материала предлагаем инструменты
расчета (или консультацию).

11. Дополнительные товары совмещаем с дополнительным УТП на тему
оригинального использования продукта.

12. Открытая форма

13. Раскрываем последнее УТП в блоке про услугу в целом.

14. Убеждающие элементы

15. Встроенный каталог – частный случай,
данное решение продиктовано способами продвижения страницы.

16. Открытая форма

17. SEO-текст и подвал

6 Вёрстка и программирование
Выдаём результаты по
частям, даём
попробовать, даже пока
не готово целиком.
Когда на руках имеем готовый и согласованный дизайн,
запускается процесс верстки и программирования:
Руководитель отдела
разработки формирует
команду на проект и
запускает процесс.
Минимум 2 раза в неделю (или
чаще) идёт сквозной контроль
проекта со стороны интернет-
маркетолга и проджект-
менеджера вашей команды.

Верстаем по технологии Perfect Pixel — готовая HTML-страница в
точности (пиксель-в-пиксель) совпадает с исходным PSD макетом
Совместиться должны все элементы
картинок - текст, изображения,
графические элементы.
При проверке важно
руководствоваться здравым
смыслом, так как макеты далеко не
всегда бывают идеальны и зачастую
разработчики их дорабатывают.
Заменить
скриншот

7 Тестирование:
Первичные
баги
Совместная
работа
Финальный
релиз

8 Настройка сквозной аналитики
—Настройка веб-аналитики
—Настройка сквозной аналитики
—Простые и понятные графики в Power BI
—Подстройка под отчетность компании — готовы собирать
управленческую отчетность в удобном формате для следующих
этапов отчетности
—Поддержка
В результате разработки системы аналитики для сайта у
вас должна быть полностью настроена веб-аналитика на
сайте и дашборд со всеми ключевыми показателями
сайта.

Пример настройки путей по сайту

Пример настройки
отчета по
эффективности
сайта в Power BI

Запуск и улучшение
3
1. Ищем места, где люди
отваливаются и
дорабатываем сайт

После выкладки сайта на сервер —  
ищем слабые места и улучшаем их
Запускаем сайт  
с настроенной
аналитикой
Собираем данные не
менее 1 месяца,
ничего не меняя на
сайте — желательно
получать людей с
разных каналов
трафика
Анализируем
метрики, которые
изначально
настроили в веб-
аналитике
(составляем
первичный список
потенциальных
улчшений на
сайте)
Внедряем
дополнительные
метрики и
показатели,
которые нужно
отслеживать (не
настроили в
самом начале) и
донастраиваем
их
Ещё минимум 1 месяц собираем данные по
новым метрикам и уточняем старые
выводы/предположения
Что доказано — внедряем, а что не понятно
тестируем дальше:
А/Б-тесты (по самым критичным и
одновременно непонятным моментам)
Опросы на сайте (разным сегментам
посетителей — свои вопросы)
Юзабилити-тестирование (на живых людях)
Вебвизор в Яндекс.Метрике (подглядываем
за посетителями)
1 2 3 4

maed.ru/courses/
website-development/

Владимир Давыдов
dv@completo.ru
facebook.com/davydov.vladimir

Системный подход к разработке сайта

More Related Content

What's hot

Similar to Системный подход к разработке сайта

More from Комплето

Системный подход к разработке сайта