Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

КИНЗА 2014

524 views

Published on

Как применить опыт e-commerce в мобильном вебе для контентых проектов.

Published in: Mobile
  • Be the first to comment

  • Be the first to like this

КИНЗА 2014

  1. 1. Как заработать на мобильной аудитории сайта www.eski.mobi
  2. 2. Артём Цымпов Директор по технологиям в eski.mobi
  3. 3. Интернет аудитория (±) ↑40%↓60% Смартфоны и планшеты Настольные ПК и ноутбуки Данные: исследование TNS Web Index (Декабрь 2013 г.)
  4. 4. Мобильный сайт Мобильная версия Адаптивный Responsive
  5. 5. Оптимизировано для мобильных устройств ✔ ный сайт ная версия ный sive
  6. 6. Мобильные устройства iOS Android Win Phone
  7. 7. Мобильные устройства Opera Mini Win Mobile Symbian
  8. 8. Проблема – Нечитаемый текст – Неудобная навигация – Мелкие кнопки и ссылки – Медленно загружается ———————————— = Неудачный опыт, потеря клиента
  9. 9. Проблема – Нечитаемый текст – Неудобная навигация – Мелкие кнопки и ссылки – Медленно загружается ———————————— = Неудачный опыт, потеря клиента Это ненормально!
  10. 10. Мобильная версия – Нечитаемый текст – Неудобная навигация – Мелкие кнопки и ссылки – Медленно загружается ————————————— = Неудачный опыт, потеря клиента Вот это нормально!
  11. 11. Мобильная версия + Читаемый текст + Удобная навигация + Крупные кнопки, ссылки + Быстрая загрузка —————————— = Счастливый юзер – Нечитаемый текст – Неудобная навигация – Мелкие кнопки и ссылки – Медленно загружается ————————————— = Неудачный опыт, потеря клиента
  12. 12. Зачем адаптировать сайт? Среднее увеличение конверсии среди мобильной аудитории +50% Данные мобильных сайтов Big Ben, Hoff, Такси Ритм, Avall, Олант.
  13. 13. История успеха Hoff.ru +50% Увеличение конверсии после запуска мобильной версии
  14. 14. История успеха Econika.ru +44% Увеличение конверсии после запуска мобильной версии
  15. 15. История успеха Dostavka.ru +65% Увеличение конверсии после запуска мобильной версии
  16. 16. Как применить результаты e-commerce для контентных проектов?
  17. 17. Что может быть конверсией ● Покупка ● Регистрация ● Глубина просмотра ● Время на сайте ● Клик на рекламу ● Любое целевое действие
  18. 18. ● Покупка ● Регистрация ● Глубина просмотра ● Время на сайте ● Клик на рекламу ● Любое целевое действие Что может быть конверсией
  19. 19. ● Покупка ● Регистрация ● Глубина просмотра ● Время на сайте ● Клик на рекламу ● Любое целевое действие Что может быть конверсией ● Удобная навигация ● Читаемый текст ● Эффективная реклама =
  20. 20. Удобная навигация ● Быстрый доступ ко всем разделам ● Крупные кнопки и ссылки ● Читаемый текст
  21. 21. Плохой пример
  22. 22. Хороший пример
  23. 23. Хороший пример
  24. 24. Размер кнопок под палец Регистрация Регистрация Мин — 44px Вход
  25. 25. Читаемый текст (не менее 14px) Россия будет настаивать на оплате украинского газового долга для возобновления поставок Договоренность об оплате По итогам трехсторонних газовых переговоров между представителями России, Украины и ЕК 26 сентября было решено, что Украина до конца октября выплатит России $2 млрд, а до конца года доведет сумму выплат до $3,1 млрд. Россия будет настаивать на оплате украинского газового долга для возобновления поставок Договоренность об оплате По итогам трехсторонних газовых переговоров между...
  26. 26. Плохой пример
  27. 27. Неплохой пример
  28. 28. Улучшаем
  29. 29. Эффективная реклама ● Не full screen ● Не мешает просмотру сайта ● В стиле сайта (шрифт, цвет)
  30. 30. Баннер на весь экран = плохо
  31. 31. Уже лучше
  32. 32. Плохой пример Треть экрана iPhone 5 занимает баннер. На iPhone 4 — почти половину.
  33. 33. Эффективная реклама Баннер в самом верху. Размер — не больше самой шапки.
  34. 34. Эффективная реклама Рекламный блок в середине страницы. Визуально не выделяется.
  35. 35. Эффективная реклама Контекстный блок. Шрифт и цвет повторяет стиль сайта.
  36. 36. Эффективная реклама Контекстный блок. Шрифт и цвет повторяет стиль сайта.
  37. 37. Улучшаем поведенческие факторы ● Удобная навигация +16% ● Читаемый текст +16% ● Эффективная реклама +16% +50%
  38. 38. Окей. Хочу сделать сайт удобным! ● Самостоятельно ● Фрилансер ● Студия
  39. 39. Технологии ● Плагин или отдельный шаблон для CMS ● Конструктор ● Адаптивный дизайн
  40. 40. Плагины для CMS ● WordPress Mobile Pack ● Bitrix Mobile ● Drupal Mobile Tools ● Mobile Joomla
  41. 41. Конструкторы ● Dudamobile.com ● Gomobi.info ● Mobilizetoday.com
  42. 42. Адаптивный дизайн ● Адаптивная вёрстка каждой уникальной страницы. Нет универсальных инструментов.
  43. 43. ❏ бесплатно + сердито + долго ❏ дёшево + неплохо + недолго ❏ дорого + хорошо + быстро Окей. Хочу сделать сайт удобным! ● Самостоятельно ● Фрилансер ● Студия
  44. 44. Выводы ● Изучите статистику: раздел мобильные устройства ● Выберите лучший способ мобилизации ● Не допускайте ошибок при мобилизации ● Примеры хороших сайтов — http://mobitaste.com/
  45. 45. Вопросы?

×