Как заработать студии на мобильном вебе
Ножичкин ОлегМобильная кухня21.05.2015
Содержание
• Развитие мобильного веба• Зачем студии заниматься
мобильным вебом?• Как убедить клиента?• Специфика разработки• Инструменты
Развитие мобильного веба
iPhone и Android
Проникновение мобильного интернета
Переход в мобильный интернет
Источник: TNS Web Index, Q1 2015
Россия, 12+ лет, млн. человек
С каких устройств выходят в интернет
Источник: TNS Web Index, Q1 2015
Чем дальше, тем мобильнее
Источник: TNS Web Index, Q1 2015
Эксклюзивные пользователи мобильного интернета
Поисковые системы Рунета
• Новый алгоритм выдачи Google на мобильных
• Приоритет у сайтов, адаптированных для мобильных устройств
• Возможность привлекать мобильных пользователей через Яндекс
Зачем студии разрабатывать сайты для мобильных устройств
• Рынок готов, есть спрос• Приобретение экспертизы• Возможность занять растущую
нишу• Увеличение средней стоимости
заказа
Рынок готов
• На сайтах уже много мобильных посетителей
• Лидеры дают сигналы• Клиенты осознают
необходимость мобилизации
Мобильная экспертиза
• Конкурентное преимущество• Возможность привлекать больше
клиентов• Возможность увеличить
стоимость услуг• Возможность выделить свою
компанию
Увеличение выручки с клиента
• Разработка адаптивного сайта объективно сложнее.
• Разработка мобильного сайта дает возможность дополнительно заработать.
• Мобильная реклама
Ниши в мобильном вебе
• Делать сайты адаптивными• Адаптивные лендинги• Создание отдельных мобильных
сайтов• Креативные решения для
мобильной рекламы
Как это продать клиенту?
• Аргументы убеждения клиента• Работа с возражениями
Аргументы убеждения клиента
• Анализ статистики• Упущенные клиенты и прибыль• Влияние на SEO• Удобство и лояльность
пользователей• Новые рекламные возможности
Типичные возражения
• Почему не приложение• У клиента уже есть приложение• Существующий сайт работает
Почему не приложение
• Приложения для постоянных лояльных клиентов
• Приложение нужно скачать и установить• Проще и дешевле в разработке и поддержке• Сложно привлечь новых пользователей
Уже есть приложение
• Мобильные пользователи туда не все уйдут
• Статистика• Пример Lamoda (52%
продаж через мобайл)
Специфика производства
• Проектирование• Работа с SVG• Поддержка многообразия
разрешений• Внимание к скорости сайта• Тестирование
Проектирование
• При проектировании структуры учитывать требования к адаптивной верстке
• Специализированные возможности устройств– GPS, Touch, Click2Call, etc.
• Material design
Работа с изображениями
• Оптимизация изображений• SVG
Фрагментация устройств
• Статистика• Целевая аудитория
Внимание к скорости сайта
• Оптимизация js и css• Настройки хостинга• Размер страниц и изображений
Тестирование на реальных устройствах
Полезные инструменты
• Google mobile friendly test• Google Page insights• Webpagetest• Возможности 1С-Битрикс
Google mobile friendly test
https://www.google.com/webmasters/tools/mobile-friendly
Google page insights
https://developers.google.com/speed/pagespeed/insights/
Webpagetest
http://www.webpagetest.org
Возможности Битрикс
• Современная технология адаптивной верстки с использованием Bootstrap 3
• Объединение и сжатие javascript и CSS-файлов
• Ускорение сайта 2.0• Оптимизация изображений и
перенос javascript вниз страницы. • Готовый адаптивный магазин
Bootstrap
• В ядро продукта 15.5 версии встроен универсальный Framework для верстки, облегчающий и ускоряющий изготовление mobile-friendly любого типа сайтов.
Объединение и сжатие JS,CSS
• Уменьшается число файлов• Сжатие уменьшает размер js и
css
Ускорение сайта CDN
• Облачный сервис• Автоматически сжимает js и css• Автоматически сжимает
картинки
Готовый адаптивный магазин
Как зарабатывать на мобилизации
• Мобильные сайты — необходимость
• Включите в свои услуги мобильные и адаптивные сайты–Новым клиентам адаптивные сайты– Существующим мобильные
• Дополнительно предлагайте мобильную рекламу