Проектирование и дизайн
27 likes6,660 views
Документ описывает подход к проектированию и дизайну сайтов как этапа воронки продаж с акцентом на влияние конверсии. Он включает в себя исследования, проектирование, реализацию и тестирование, предлагая конкретные примеры и взаимодействия с пользователем для повышения конверсии. В заключение подчеркивается важность выделенных команд и управления проектом для успешного достижения целей.
Проектирование и дизайн
- 1. к проектированию и дизайну Наш подход
- 2. Содержание 1 2 3 Сайт как этап воронки продаж Процесс Выделенные команды детальная воронка влияние на конверсию чек-лист исследования проектирование реализация тестирование состав схема работы
- 3. Сайт как этап воронки продаж С точки зрения построения продаж, сайт — это этап в воронке продаж 2 500 000 р. 1 688 125 000 Реклама в месяц Переходов на сайт 2250 Записей на прием к врачу Платных пациентов 14 380 000 р. Доход минус вложения в рекламу 3750 Звонков и заявок он-лайн Средняя стоимость перехода 20 р. Позвонит или заполнит заявку 3% С учетом тех, кто просто приезжает без записи – 75% приедет 60% запишется на прием к врачу Средний чек 10 тыс. рублей Пример воронки для медицинской клиники
- 4. Влияние на конверсию Если получится поднять конверсию с сайта хотя бы на 2%, то мы получим следующую воронку 2 500 000 р. 2813 125 000 Реклама в месяц Переходов на сайт 3750 Записей на прием к врачу Платных пациентов 25 630 000 р. Доход минус вложения в рекламу 6250 Звонков и заявок он-лайн +11 250 000 +1125 +1500 +2500 +2% Было Стало
- 5. Увеличение конверсии с 3 до 5% даст рост выручки с 14 до 25 млн рублей в месяц 5% 25млн 2,5 млн Влияние на конверсию Есть за что бороться!
- 6. 2% несовершившихся конверсий — это живые люди, которые заходили к нам на сайт, но в итоге предпочли обратиться к нашим конкурентам Влияние на конверсию Почему?
- 7. Чек-лист Проверяем базовые вещи Кто мы Заголовок по делу Подзаголовок с УТП Телефон в шапке Суть предложения Главное действие Мотиваторы Всё ли тип-топ?
- 8. Шапку сократить, чтобы больше информации попало на первый экран Заголовок: «Вклады Онлайн до 8,43% годовых» Подзаголовок: «Ставка по Вкладам Онлайн выше, чем при открытии аналогичного вклада в отделении» Не заставлять выбирать вклад. Сделать универсальный калькулятор Если калькулятор делать долго, то выписать три вклада в три колонки для упрощения сравнения Чек-лист Меню убрать Если чего-то не хватает, сразу добавляем
- 9. но не работает А если всё это уже сделано?
- 11. Исследование Влезаем в шкуру покупателя 1. Смотрим, что ищут и что находят в поисковиках 2. Что получают на сайтах 3. Узнаем, что слышит клиент по телефону 4. Что спрашивает сам?
- 12. Смотрим, что ищут и что находят в поисковиках Исследование Результаты сводим в таблицу анализа рекламы вклады под процент
- 13. Что получают на сайтах Исследование Результаты сводим в таблицу анализа сайтов Да, вклад «подматрасий» — это $#*&!#$
- 14. Так мы найдем интересные решения конкурентов, но не узнаем о реальных проблемах клиентов Исследование Продолжаем исследовать
- 15. Исследование становимся тайным покупателем результаты сводим в таблицу анализа колл-центров Узнаем, что слышит клиент по телефону
- 16. Исследование Что спрашивает сам? результаты сводим в список типичных вопросов слушаем записи звонков в колл-центре клиента читаем форумы
- 17. Становится ясно, с какими сложностями сталкиваются люди и чем мы можем помочь
- 19. Проектирование Задача Заинтересовать посетителя и помочь ему принять решение это помощь это нет весь товар на витрине
- 20. Проектирование Придумываем главный заголовок первый экран общую структуру страницы
- 21. Проектирование Добавляем интерактивные штуки калькулятор вкладов сравнение валют Пример 1 Вовлекаем посетителя во взаимодействие с сайтом и изучение предложения
- 22. Проектирование На башню можно кликнуть, и окно браузера плавно сместится на её описание Пример 2 Добавляем интерактивные штуки
- 23. Проектирование «Выбиралка» — Подбор металлопроката по параметрам Пример 3 Добавляем интерактивные штуки
- 24. Проектирование Отвечаем на все вопросы, которые могли возникнуть у посетителя Пример 1
- 25. Проектирование Пример 2 Отвечаем на все вопросы, которые могли возникнуть у посетителя
- 26. Отвечаем на все вопросы, которые могли возникнуть у посетителя Проектирование Пример 3
- 30. Проектирование Учитываем требования поисковых систем чтобы текст был по делу не резал глаз Пример 1
- 31. Проектирование чтобы текст был по делу не резал глаз Пример 2 Учитываем требования поисковых систем
- 32. Проектирование чтобы текст был по делу не резал глаз Пример 3 Учитываем требования поисковых систем
- 33. Проектирование Связываем страницу с остальным сайтом Пример 1 Как человек может попасть на эту страницу, и куда его стоит направить
- 34. Проектирование Связываем страницу с остальным сайтом Пример 2 Как человек может попасть на эту страницу, и куда его стоит направить
- 35. Проектирование Закладываем в дизайн ненавязчивое, но обязательное взаимодействие со страницей 1. Посчитали на калькуляторе 2. Использовали конфигуратор 3. Посмотрели карту проезда Так мы сможем анализировать эффективность страницы и рекламы
- 36. Проектирование Дизайним 1. Так, чтобы не потерять по дороге смысл 18 часов, 3 итерации 2. Так, чтобы донести идею ещё лучше 60 часов, 10 итераций 1 2
- 37. 1 итерация
- 38. 2 итерация
- 39. 3 итерация
- 40. 4 итерация
- 41. 5 итерация
- 43. Верстаем Программируем Встраиваем аналитику с учетом браузеров и разрешений админка сайта интерактивные элементы подмена заголовков/картинок экспорт заявок (эл. почта, CRM) модули подмены номеров телефонов, корзин, приписки к заявке Гугл.Аналитикс, Яндекс.Метрика фиксация всех интересных событий добавляем анимацию Реализация Реализуем
- 44. Запускаем проверяем функционал сайта устраняем найденные проблемы открываем для посетителей Реализация
- 46. Тестирование А B За время создания презентации запустили еще и этот вариант C +39% в звонки+заявки Еще +30% в звонки+заявки Сравниваем результаты Проводим А/B-тесты
- 47. 3. Реализуем 4. Тестируем2. Проектируем1. Исследуем 20-50 часов 40-60 часов 20-40 часов 10-40 часов Итого: 90–190 часов, и конверсия растет
- 48. А если конверсия не растет, то возвращаемся к шагу 1. Так что в итоге — растёт!
- 49. А если страниц 100? Если продукт один и страница одна, то «миссия выполнена» Масштабирование
- 50. УТП Футер Масштабируем Переносим всё ценное в шаблон сайта сразу на все страницы Схема работы Масштабирование Шапка Шаблон Шапка Футер УТП Шапка Футер УТП
- 51. Выбираем самые важные страницы для такой же глубокой проработки, фиксируем формат и строим конвейер 150 часов на первую страницу 15 часов на каждую последующую Масштабирование
- 54. Увеличение конверсии с 3 до 5% даст рост выручки с 14 до 25 млн рублей в месяц Цель становится близка Масштабирование 2 500 000 р. 2813 125 000 Реклама в месяц Переходов на сайт 3750 Записей на прием к врачу Платных пациентов 25 630 000 р. Доход минус вложения в рекламу 6250 Звонков и заявок он-лайн +11 250 000 +1125 +1500 +2500 +2% Было Стало
- 56. Рекламное агентство Веб-студия Клиент Рекламщик Аккаунт Копирайтер Спец по SEO Аккаунт Дизайнер Арт-директор Верстальщик Программист Проджект Контент Аккаунт Маркетолог Руководитель по продукту Руководитель по продукту IT-шник IT-шник SEO- компания
- 57. Рекламщики хотят изменить структуру сайта под запросы пользователей SEOшники хотят сделать оптимизацию незаметной Копирайтеры хотят писать тексты по делу Аналитики знают все проблемные точки Дизайнеры хотят сохранить хороший дизайн У каждого свое видение Но что тут можно сделать? Проблема управления
- 58. Наше решение — выделенные команды 2. Менеджер 3. Магистр 1. Джедай Сам собирает рекламу, проектирует лендинги, пишет тексты, ведет только 1 проект Ведет максимум 2 проекта, разбирается в интернет–маркетинге, бизнесе клиента и работе с людьми Разрабатывает стратегию, защищает от повторения ошибок, контролирует качество Выделенные команды 1 2 3
- 59. Их работа выглядит так Менеджер Магистр Проекти- ровщик Дизайнер Иллюстра- тор Младший джедай SEOшник SMMщик Программист Копирайтер Генеральный директор Руководитель колл-центра Директор по маркетингу Веб- технолог Джедай Технический директор Схема работы КлиентIT-Agency
- 60. Тогда подход работает. Конверсия поднимается. Продажи растут. Схема работы
- 61. Наш подход к проектированию и дизайну Сайт — это часть воронки (это утверждение решает 99% споров) Проектирование начинается с исследования (того, что мешает пользователям, а не маркетологам) Лучше всего реализуется выделенными командами (если вы знаете другой способ — поделитесь) И заканчивается тестированием и масштабированием (а не картинкой в портфолио) 1 Схема работы 2 3 4
- 62. kas@it-agency.ru +7 495 646 61 37 Кирилл Касимский управляющий партнер Делитесь Следите Facebook Google+ Вконтакте Скачивайте PDF Twitter kas@it-agency.ru +7 495 646 61 37 Кирилл Касимский управляющий партнер Создание презентации: burba.pro