50
Адаптивные мобильные сайты www.eski.mobi facebook.com/eskimobi [email protected]

ECOM 2014 (Выступление eski.mobi)

Embed Size (px)

DESCRIPTION

Выступление Артёма Цымпова (Директор по технологиям @ eski.mobi) на выставке ECOM 2014

Citation preview

Page 2: ECOM 2014 (Выступление eski.mobi)

Интернет аудиторияКаждый третий человек в Москве пользуется интернетом со своего мобильного устройства.

↑40%↓60%Смартфоны и планшеты

Настольные ПК и ноутбуки

Данные: исследование TNS Web Index (Декабрь 2013 г.)

Page 3: ECOM 2014 (Выступление eski.mobi)

Обычный сайт на смартфоне

– Нечитаемый текст

– Неудобная навигация

– Мелкие кнопки и ссылки

– Медленно загружается

————————————

= Неудачный опыт, потеря клиента

Page 4: ECOM 2014 (Выступление eski.mobi)

Обычный сайт на смартфоне

– Нечитаемый текст

– Неудобная навигация

– Мелкие кнопки и ссылки

– Медленно загружается

————————————

= Неудачный опыт, потеря клиента

Это ненормально!

Page 5: ECOM 2014 (Выступление eski.mobi)

Сравните с мобильным сайтом

– Нечитаемый текст

– Неудобная навигация

– Мелкие кнопки и ссылки

– Медленно загружается

—————————————

= Неудачный опыт, потеря клиента

Вот это нормально!

Page 6: ECOM 2014 (Выступление eski.mobi)

Сравните с мобильным сайтом

+ Читаемый текст

+ Удобная навигация

+ Крупные кнопки, ссылки

+ Быстрая загрузка

——————————

= Счастливый клиент

– Нечитаемый текст

– Неудобная навигация

– Мелкие кнопки и ссылки

– Медленно загружается

—————————————

= Неудачный опыт, потеря клиента

Page 7: ECOM 2014 (Выступление eski.mobi)

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

Page 8: ECOM 2014 (Выступление eski.mobi)

Зачем адаптировать сайт?

Среднее увеличение конверсии среди мобильной аудитории

+50%

Данные мобильных сайтов Big Ben, Hoff, Такси Ритм, Avall, Олант.

Page 9: ECOM 2014 (Выступление eski.mobi)

Посчитайте сами:

Ваша текущая конверсия на мобильных платформах

Конверсия при наличии качественной

мобильной версии

A × 1,5 = B

Page 10: ECOM 2014 (Выступление eski.mobi)

= BКонверсия при наличии

качественной мобильной версии

Page 11: ECOM 2014 (Выступление eski.mobi)

Что значит “качественно”

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

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

3. Не WAP-стиль

4. Разумная группировка элементов (хорошая вёртска)

5. Контент в полном объёме (не урезан)

Page 12: ECOM 2014 (Выступление eski.mobi)

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

Page 13: ECOM 2014 (Выступление eski.mobi)

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

Page 14: ECOM 2014 (Выступление eski.mobi)

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

Page 15: ECOM 2014 (Выступление eski.mobi)

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

Page 16: ECOM 2014 (Выступление eski.mobi)

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

Page 17: ECOM 2014 (Выступление eski.mobi)

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

Page 18: ECOM 2014 (Выступление eski.mobi)

Нажимается, но без кода (+7) или (8).

Дозвониться не получится.

Page 19: ECOM 2014 (Выступление eski.mobi)

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

Page 20: ECOM 2014 (Выступление eski.mobi)

3. Не WAP-стиль

Page 21: ECOM 2014 (Выступление eski.mobi)

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

или

Page 22: ECOM 2014 (Выступление eski.mobi)

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

Page 23: ECOM 2014 (Выступление eski.mobi)

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

Page 24: ECOM 2014 (Выступление eski.mobi)

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

Page 25: ECOM 2014 (Выступление eski.mobi)

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

Page 26: ECOM 2014 (Выступление eski.mobi)

Что значит “качественно”

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

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

3. Не WAP-стиль

4. Разумная группировка элементов (хорошая вёртска)

5. Контент в полном объёме (не урезан)

Page 27: ECOM 2014 (Выступление eski.mobi)

Анализ рынкаТоп-200 крупнейших интернет-продавцов

Рунета (2013 год)

http://www.kommersant.ru/Doc/2181834

Page 28: ECOM 2014 (Выступление eski.mobi)

ТОП-200 интернет-магазинов

Интернет-магазинов имеют мобильную версию сайта

48 из 200

Page 29: ECOM 2014 (Выступление eski.mobi)

ТОП-200 интернет-магазинов

Качественная мобильная версия

2325Некачественная

мобильная версия

+

Page 30: ECOM 2014 (Выступление eski.mobi)

ТОП-200 интернет-магазинов

Интернет-магазинов конвертируют мобильную аудиторию эффективнее

остальных.

12,5%

Page 31: ECOM 2014 (Выступление eski.mobi)

В какой группе вы?

Высокая конверсия

12,5% 11,5%

Низкая конверсия

76%

Очень низкая конверсия

У меня качественная мобильная версия

У меня кривая мобильная версия

У меня нет мобильной версии

Page 32: ECOM 2014 (Выступление eski.mobi)

Окей. Хочу сделать сайт удобным!

Какие есть варианты?

Page 33: ECOM 2014 (Выступление eski.mobi)

Окей. Хочу сделать сайт удобным!

● Отдельный сайт только для мобильных

● Плагин для CMS

● Responsive (адаптивный сайт)

● Конструктор

● Eski.mobi (технология эскимоби)

Page 34: ECOM 2014 (Выступление eski.mobi)

Сравнение решений

Отдельный сайт

Плагин для CMS Responsive Конструктор Eski.mobi

Свободные ресурсы ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Удобство поддержки ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Page 35: ECOM 2014 (Выступление eski.mobi)

Сравнение решенийОтдельный сайт

Плагин для CMS Responsive Конструктор Eski.mobi

Свободные ресурсы ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Удобство поддержки ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Итого 2,75 3 3 4 4,25

Page 36: ECOM 2014 (Выступление eski.mobi)

Сравнение решений

Отдельный сайт Плагин для CMS Responsive Конструктор Eski.mobi

Свободные ресурсы ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Удобство поддержки ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Итого 2,75 3 3 4 4,25

Стоимость $ $ $ $ $ $ $ $ $ $ $ $ $ $

Page 37: ECOM 2014 (Выступление eski.mobi)

Что же выбрать?

Все хотят:

● Быстро

● Качественно

● Недорого

Page 38: ECOM 2014 (Выступление eski.mobi)

Что же выбрать?

Все хотят:

● Быстро

● Качественно

● Недорого

Три сразу — не бывает.

Выбирайте 1 или 2 из трёх.

Page 39: ECOM 2014 (Выступление eski.mobi)

Что же выбрать?

Доступно:

● Быстро + Качественно = Дорого

● Качественно + Недорого = Долго и маловероятно

● Недорого + Быстро = Криво

Page 40: ECOM 2014 (Выступление eski.mobi)

Сравнение решенийОтдельный сайт Плагин для CMS Responsive Конструктор Eski.mobi

Свободные ресурсы ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Удобство поддержки ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

Итого 2,75 3 3 4 4,25

Стоимость $ $ $ $ $ $ $ $ $ $ $ $ $ $

Качественно Недорого,Быстро Качественно Недорого,

БыстроКачественно, Быстро

Page 41: ECOM 2014 (Выступление eski.mobi)

Кейсы eski.mobi

Page 42: ECOM 2014 (Выступление eski.mobi)

История успеха Hoff.ru

+50%Увеличение конверсии после запуска мобильной версии

Page 43: ECOM 2014 (Выступление eski.mobi)

История успеха Econika.ru

+44%Увеличение конверсии после запуска мобильной версии

Page 44: ECOM 2014 (Выступление eski.mobi)

История успеха Dostavka.ru

+65%Увеличение конверсии после запуска мобильной версии

Page 45: ECOM 2014 (Выступление eski.mobi)

До ПослеОбычный сайт на смартфоне

Адаптивная мобильная версия

Page 46: ECOM 2014 (Выступление eski.mobi)

До ПослеОбычный сайт на смартфоне

Адаптивная мобильная версия

Page 47: ECOM 2014 (Выступление eski.mobi)

До ПослеОбычный сайт на смартфоне

Адаптивная мобильная версия

Page 48: ECOM 2014 (Выступление eski.mobi)

До ПослеОбычный сайт на смартфоне

Адаптивная мобильная версия

Page 49: ECOM 2014 (Выступление eski.mobi)