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

1. Адаптивные мобильные сайты
www.eski.mobi facebook.com/eskimobihello@eski.mobi

2. Интернет аудитория
Каждый третий человек в Москве пользуется интернетом со своего
мобильного устройства.
↑40%↓60%
Смартфоны
и планшеты
Настольные ПК и
ноутбуки
Данные: исследование TNS Web Index (Декабрь 2013 г.)

3. Обычный сайт на смартфоне
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
————————————
= Неудачный опыт,
потеря клиента

4. Обычный сайт на смартфоне
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
————————————
= Неудачный опыт,
потеря клиента
Это ненормально!

5. Сравните с мобильным сайтом
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
—————————————
= Неудачный опыт,
потеря клиента
Вот это нормально!

6. Сравните с мобильным сайтом
+ Читаемый текст
+ Удобная навигация
+ Крупные кнопки, ссылки
+ Быстрая загрузка
——————————
= Счастливый клиент
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
—————————————
= Неудачный опыт,
потеря клиента

7. Зачем это нужно?

8. Зачем адаптировать сайт?
Среднее увеличение конверсии
среди мобильной аудитории
+50%
Данные мобильных сайтов Big Ben, Hoff, Такси Ритм, Avall, Олант.

9. Посчитайте сами:
Ваша текущая конверсия
на мобильных
платформах
Конверсия при наличии
качественной
мобильной версии
A × 1,5 = B

10. = BКонверсия при наличии
качественной
мобильной версии

11. Что значит “качественно”
1. Удобная навигация
2. Телефоны click-to-call
3. Не WAP-стиль
4. Разумная группировка элементов (хорошая вёртска)
5. Контент в полном объёме (не урезан)

12. 1. Удобная навигация

13. Шапка
занимает
больше
половины
экрана.

14. Нет доступа
к каталогу.

15. Нет номера
телефона.

16. 2. Телефоны click-to-call

17. Телефон не
нажимается
вообще.

18. Нажимается, но
без кода (+7)
или (8).
Дозвониться не
получится.

19. Ссылка без
кода города
и (+7)

20. 3. Не WAP-стиль

21. Кто ваша аудиотория?
или

22. 4. Разумная группировка элементов

23. 5. Контент в полном объёме

24. На
мобильной
версии нет
нужной
информации

25. На
мобильной
версии нет
нужной
информации

26. Что значит “качественно”
1. Удобная навигация
2. Телефоны click-to-call
3. Не WAP-стиль
4. Разумная группировка элементов (хорошая вёртска)
5. Контент в полном объёме (не урезан)

27. Анализ рынка
Топ-200 крупнейших интернет-продавцов
Рунета (2013 год)
http://www.kommersant.ru/Doc/2181834

28. ТОП-200 интернет-магазинов
Интернет-магазинов имеют
мобильную версию сайта
48 из 200

29. ТОП-200 интернет-магазинов
Качественная
мобильная версия
2325
Некачественная
мобильная версия
+

30. ТОП-200 интернет-магазинов
Интернет-магазинов конвертируют
мобильную аудиторию эффективнее
остальных.
12,5%

31. В какой группе вы?
Высокая
конверсия
12,5% 11,5%
Низкая
конверсия
76%
Очень низкая
конверсия
У меня качественная
мобильная версия
У меня кривая
мобильная версия
У меня нет
мобильной версии

32. Окей. Хочу сделать сайт удобным!
Какие есть варианты?

33. Окей. Хочу сделать сайт удобным!
● Отдельный сайт только для мобильных
● Плагин для CMS
● Responsive (адаптивный сайт)
● Конструктор
● Eski.mobi (технология эскимоби)

34. Сравнение решений
Отдельный
сайт
Плагин для
CMS
Responsive Конструктор Eski.mobi
Свободные
ресурсы
★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Удобство
поддержки
★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

35. Сравнение решений
Отдельный
сайт
Плагин для
CMS
Responsive Конструктор Eski.mobi
Свободные
ресурсы
★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Удобство
поддержки
★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Итого 2,75 3 3 4 4,25

36. Сравнение решений
Отдельный сайт Плагин для CMS Responsive Конструктор Eski.mobi
Свободные
ресурсы ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Удобство
поддержки ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Итого 2,75 3 3 4 4,25
Стоимость $ $ $ $ $ $ $ $ $ $ $ $ $ $

37. Что же выбрать?
Все хотят:
● Быстро
● Качественно
● Недорого

38. Что же выбрать?
Все хотят:
● Быстро
● Качественно
● Недорого
Три сразу — не
бывает.
Выбирайте 1 или 2 из
трёх.

39. Что же выбрать?
Доступно:
● Быстро + Качественно = Дорого
● Качественно + Недорого = Долго и маловероятно
● Недорого + Быстро = Криво

40. Сравнение решений
Отдельный сайт Плагин для CMS Responsive Конструктор Eski.mobi
Свободные
ресурсы
★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Удобство
поддержки
★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Итого 2,75 3 3 4 4,25
Стоимость $ $ $ $ $ $ $ $ $ $ $ $ $ $
Качественно
Недорого,
Быстро
Качественно
Недорого,
Быстро
Качественно,
Быстро

41. Кейсы eski.mobi

42. История успеха Hoff.ru
+50%
Увеличение
конверсии после
запуска мобильной
версии

43. История успеха Econika.ru
+44%
Увеличение
конверсии после
запуска мобильной
версии

44. История успеха Dostavka.ru
+65%
Увеличение
конверсии после
запуска мобильной
версии

45. До После
Обычный сайт
на смартфоне
Адаптивная
мобильная версия

46. До После
Обычный сайт
на смартфоне
Адаптивная
мобильная версия

47. До После
Обычный сайт
на смартфоне
Адаптивная
мобильная версия

48. До После
Обычный сайт
на смартфоне
Адаптивная
мобильная версия

50. Адаптивные мобильные сайты
www.eski.mobi facebook.com/eskimobihello@eski.mobi