1. BulgarPromo
ДАР Линк-Идея
Семинар
«Адаптивная вёрстка - способ двукратного
увеличения денежного потока»
16 января 2014

2. Адаптивная вёрстка - способ двукратного увеличения
денежного потока
Тухватуллин Булат Рашидович
Модератор семинара
Фахрутдинов Дамир
Ведущий
Гильмуллин Денис
Ведущий
Директор по
стратегическому развитию
Технический директор,
Ведущий разработчик
Менеджер по продажам

3. Тот, кто не позаботился
о мобильном трафике,
потерял четверть денег
в 2013 году

4. Тот, кто не позаботится
о мобильном трафике,
потеряет половину
денег в 2014 году

5. Тот, кто не позаботится о
мобильном трафике,
потеряет всѐ в *надцатом
году

6. План семинара

Тренды 2013 года: что вы должны сделать с сайтом в
2014 году, чтобы не потерять посетителей, которые
используют разные устройства и технологии

Ситуация с мобильными устройствами: факты и
статистика

Проблемы и мучения ваших посетителей

Адаптивная вѐрстка: что это такое, примеры

Конверсии и эффективность адаптивного дизайна:
факты

7. Будущее уже наступило.
Что вы должны сделать с сайтом за 2014 год?

9. Плоский дизайн

10. Адаптивный дизайн

11. Адаптивный дизайн

12. Расскажите историю прокруткой
колесика мыши

13. Parallax scrolling

14. Социальная проверка

15. Посадочные страницы

16. Twitter bootstrap

17. Адаптивный дизайн/Адаптивная вѐрстка

18. Начнѐм с самого главного –
посетителей сайтов

19. Сколько людей сегодня используют
мобильные устройства?

20. http://www.liveinternet.ru/stat/ru/browsers.html?period=month

21. Браузер
Процент
посетителей
Google Chrome
24.1%
Android Browser
16.4%
Mobile Safari
10.3%
Firefox
9.9%
Opera Mini
7.5%
Opera 12
6.1%
Яндекс.Браузер
5.0%
Opera Next
3.0%
Хром (Mail.ru)
3.0%
Explorer 11
2.1%

22. Операционная
система
Количество
посетителей
Процент
Windows 7
42,635,864
35.6%
Android
28,098,276
23.5%
Windows XP
15,120,324
12.6%
iOS iPhone
8,412,780
7.0%
SymbianOS
5,812,557
4.9%
Windows 8
5,750,474
4.8%
Другие
4,931,938
4.1%
iOS iPad
4,699,739
3.9%
Windows Vista
1,147,974
1.0%
MacOS
1,059,124
0.9%

23. Операционная
система
Количество
посетителей
Процент
Windows 7
42,635,864
35.6%
Android
28,098,276
23.5%
Windows XP
15,120,324
12.6%
iOS iPhone
8,412,780
7.0%
SymbianOS
5,812,557
4.9%
Windows 8
5,750,474
4.8%
Другие
4,931,938
4.1%
iOS iPad
4,699,739
3.9%
Windows Vista
1,147,974
1.0%
MacOS
1,059,124
0.9%
39,3%

24. А знаете, что ещѐ важнее?

25. Операционная
система
Количество
посетителей
Процент
Windows 7
38,917,049
39.3%
Windows XP
18,134,468
18.3%
Android
14,355,223
14.5%
Июнь 2013
SymbianOS
6,737,242
6.8%
iOS iPhone
5,728,289
5.8%
Другие
5,425,431
5.5%
30,5%
iOS iPad
3,325,779
3.4%
Windows 8
2,529,268
2.6%
Windows
Vista
1,389,950
1.4%
MacOS
958,198
1.0%

26. Операционная
система
Количество
посетителей
Процент
Windows 7
35,360,298
39.8%
Windows XP
23,634,701
26.6%
Другие
11,000,564
12.4%
Октябрь 2012
Android
6,842,650
7.7%
iOS iPhone
2,979,622
3.4%
SymbianOS
2,669,152
3.0%
16,3%
Windows
Vista
2,007,380
2.3%
iOS iPad
1,932,411
2.2%
MacOS
Windows 7
949,377
35,360,298
1.1%
39.8%

27. Операционная
система
Количество
посетителей
Процент
Windows XP
27,861,700
40.4%
Windows 7
22,190,343
32.2%
Другие
9,002,906
13.1%
Октябрь 2011
Windows
Vista
3,264,756
4.7%
SymbianOS
1,798,282
2.6%
7,3%
Android
1,270,977
1.8%
iOS iPhone
1,200,598
1.7%
MacOS
889,816
1.3%
iOS iPad
587,416
0.9%
Unix
449,846
0.7%

29. Кто все эти люди?

30. Обычные люди

Парень, покупающий девушке цветы

Отдых после работы, чтение вконтакта – вспомнил
про покупку машины

Человек в центре города, срочно ищет, где купить
сантехнику

Лежа на диване, листаем на мобильнике новые
квартиры

Директор фирмы, использующий iPad вместо
громоздкого ноутбука

31. Как эти люди видят ваш сайт?

32. Как эти люди видят ваш сайт?

33. Почему бы не использовать мобильную
версию сайта?

34. Минусы мобильных версий

Два зеркала сайта для поисковых систем

«Я хотел попасть на сайт, а не на урезанную версию»

Отдельный адрес, который надо запоминать
(mobile.super-company.ru)

35. Что делать?

36. Адаптивная вѐрстка.
Отзывчивый дизайн.
Responsitive design
Адаптивный дизайн.

37. Как люди должны видеть сайт?

42. Ещѐ примеры
http://tehnodekor.ru/
http://cait.ru
http://2012.newadventuresconf.com/
http://2013.newadventuresconf.com/
http://forefathersgroup.com/
http://www.stpaulsschool.org.uk/
http://designmodo.com/
http://www.oneillclothing.com/

43. Зачем это надо?

51. Сколько денег вы теряете с каждого
процента мобильного трафика?

52. Сколько у вас таких посетителей?

53. 3,50% Оборудование для предприятий
13,20% Организация мероприятий
11,70% Офисная мебель
15,32% Постельное бельѐ
28,13% Продажа цветов
38,40% Сообщество, продажа книг
8,90% Наружная реклама
9,70% Ремонтные работы, стоительство
7,45% Теплоизоляция
19,30% Магазин продуктов
7,00% Огнезащитные работы
2,60% Металлоконструкции
50,90% Медицинские услуги
11,00% Организация отдыха
13,30% Автозапчасти
11,20% Крепѐж
4,20% Консалтинг
4,40% Машиностроение
20,30% Интернет-магазин продуктов
30,50% Рестораны
17,80% Ремонт автомобилей
14,40% Продажа оборудования
29,60% Магазин одежды

54. metrika.yandex.ru

57. Сколько таких посетителей у вас будет
завтра?

58. Встретимся в
будущем