- Развитие мобильного веба - Зачем студии заниматься мобильным вебом? - Как убедить клиента. - Специфика разработки - Инструменты

1. Как заработать студии
на мобильном вебе
Ножичкин Олег
Мобильная кухня
21.05.2015

2. Содержание
• Развитие мобильного веба
• Зачем студии заниматься мобильным
вебом?
• Как убедить клиента?
• Специфика разработки
• Инструменты

3. Развитие мобильного веба

4. iPhone и Android

5. Проникновение мобильного интернета

6. Переход в мобильный интернет
Источник: TNS Web Index, Q1 2015
Россия, 12+ лет, млн. человек

7. С каких устройств выходят в интернет
Источник: TNS Web Index, Q1 2015

8. Чем дальше, тем мобильнее
Источник: TNS Web Index, Q1 2015

9. Эксклюзивные пользователи мобильного
интернета

10. Поисковые системы Рунета
• Новый алгоритм выдачи Google на
мобильных
• Приоритет у сайтов,
адаптированных для мобильных
устройств
• Возможность привлекать мобильных
пользователей через Яндекс

11. Зачем студии разрабатывать сайты для
мобильных устройств
• Рынок готов, есть спрос
• Приобретение экспертизы
• Возможность занять растущую нишу
• Увеличение средней стоимости заказа

12. Рынок готов
• На сайтах уже много мобильных
посетителей
• Лидеры дают сигналы
• Клиенты осознают необходимость
мобилизации

13. Мобильная экспертиза
• Конкурентное преимущество
• Возможность привлекать больше
клиентов
• Возможность увеличить стоимость
услуг
• Возможность выделить свою
компанию

14. Увеличение выручки с клиента
• Разработка адаптивного сайта
объективно сложнее.
• Разработка мобильного сайта дает
возможность дополнительно
заработать.
• Мобильная реклама

15. Ниши в мобильном вебе
• Делать сайты адаптивными
• Адаптивные лендинги
• Создание отдельных мобильных
сайтов
• Креативные решения для мобильной
рекламы

16. Как это продать клиенту?
• Аргументы убеждения клиента
• Работа с возражениями

17. Аргументы убеждения клиента
• Анализ статистики
• Упущенные клиенты и прибыль
• Влияние на SEO
• Удобство и лояльность пользователей
• Новые рекламные возможности

18. Типичные возражения
• Почему не приложение
• У клиента уже есть приложение
• Существующий сайт работает

19. Почему не приложение
• Приложения для постоянных лояльных клиентов
• Приложение нужно скачать и установить
• Проще и дешевле в разработке и поддержке
• Сложно привлечь новых пользователей

20. Уже есть приложение
• Мобильные пользователи
туда не все уйдут
• Статистика
• Пример Lamoda (52%
продаж через мобайл)

21. Специфика производства
• Проектирование
• Работа с SVG
• Поддержка многообразия разрешений
• Внимание к скорости сайта
• Тестирование

22. Проектирование
• При проектировании структуры учитывать
требования к адаптивной верстке
• Специализированные возможности устройств
– GPS, Touch, Click2Call, etc.
• Material design

23. Работа с изображениями
• Оптимизация изображений
• SVG

24. Фрагментация устройств
• Статистика
• Целевая аудитория

25. Внимание к скорости сайта
• Оптимизация js и css
• Настройки хостинга
• Размер страниц и изображений

26. Тестирование на реальных устройствах

27. Полезные инструменты
• Google mobile friendly test
• Google Page insights
• Webpagetest
• Возможности 1С-Битрикс

28. Google mobile friendly test
https://www.google.com/webmasters/tools/mobile-friendly

29. Google page insights
https://developers.google.com/speed/pagespeed/insights/

30. Webpagetest
http://www.webpagetest.org

31. Возможности Битрикс
• Современная технология адаптивной
верстки с использованием Bootstrap 3
• Объединение и сжатие javascript и
CSS-файлов
• Ускорение сайта 2.0
• Оптимизация изображений и перенос
javascript вниз страницы.
• Готовый адаптивный магазин

32. Bootstrap
• В ядро продукта 15.5 версии встроен
универсальный Framework для
верстки, облегчающий и ускоряющий
изготовление mobile-friendly любого
типа сайтов.

33. Объединение и сжатие JS,CSS
• Уменьшается число файлов
• Сжатие уменьшает размер js и css

34. Ускорение сайта CDN
• Облачный сервис
• Автоматически сжимает js и css
• Автоматически сжимает картинки

35. Готовый адаптивный магазин

36. Как зарабатывать на мобилизации
• Мобильные сайты — необходимость
• Включите в свои услуги мобильные и
адаптивные сайты
– Новым клиентам адаптивные сайты
– Существующим мобильные
• Дополнительно предлагайте
мобильную рекламу

37. Спасибо завнимание!
+7 495 787-63-37
info@mobikit.ru
mobikit.ru
Ножичкин Олег
oleg.nozhichkin@mobikit.ru