Реалізація адаптиви в інтернет-магазині аксесуарів та деталей для смартфонів та планшетів

На початку роботи нам потрібно було визначити, який саме спосіб реалізації адаптивної версії підійде для нашого інтернет-магазину. Відвідуваність становить приблизно 2 тисячі на добу, з яких майже 45% саме з мобільних пристроїв, поведінкові фактори в порядку, відсоток відмов із мобільних пристроїв не перевищував 48%, що є досить непоганим показником для магазину. Тому не хотілося кардинально переробляти сайт, який вже має постійних відвідувачів, які звикли до цього дизайну, чи взагалі відправляти користувачів на піддомен.

Було узгоджено упорядкування наявного дизайну сайту до максимально зручного відображення на мобільних пристроях без динамічного відображення чи перенаправлення. У нашому випадку це був ідеальний варіант, оскільки цей спосіб і рекомендує Google.

Завдання – реалізувати адаптиву під мобільні пристрої для інтернет-магазину аксесуарів та деталей для смартфонів і планшетів.

Завдання полягало в:

• визначенні максимально ефективного способу реалізації адаптиви;
• ідентифікації всіх помилок та рекомендаціях щодо адаптиви з боку пошукових систем;
• узгодженні прототипу дизайну з клієнтом;
• реалізації адаптиви;
• повторному аналізі на відповідність вимогам пошукових систем;
• аналізі поведінки користувачів після внесення змін;
• аналізі впливу на позиції та на відвідуваність магазину;
• аналізі впливу адаптиви на конверсії інтернет-магазину.

Щоб виконати всі вимоги, ми проаналізували всі шаблони сторінок нашого інтернет-магазину та сформували список проблемних зон, над якими необхідно було попрацювати. Згідно з цими недоліками, був сформований прототип зміни елементів дизайну сайту, також різного роду стилів та шрифтів. Усе це узгоджено з клієнтом та передано в відділ розробки, де наші верстальники виправили всі недоліки й оновили магазин.

Після оновлення кожний розділ інтернет-магазину, який має унікальний шаблон дизайну, тобто:

• шаблон головної сторінки;
• шаблон категорій;
• шаблон підкатегорій;
• шаблон карток товарів;
• шаблон фільтрів;
• та шаблон статичних сторінок сайту

був повторно перевірений на наявність недоліків відображення на мобільних пристроях, були виявлені певні дрібні недоліки, які ми швидко усунули.

Почекавши на достатню кількість даних Google Analytics упродовж 1,5 місяця, ми приступили до аналізу впливу проведених нами дій.

Порівнявши дані за 1,5 міс. до адаптиви з даними за 1,5 міс. після, ми отримали такі дані з мобільного органічного трафіку:

• органічний трафік на сайт із мобільних пристроїв виріс на 31,10%;
• коефіцієнт транзакцій виріс на 42,22%;
• к-ть транзакцій виросла на 86,44%;
• дохід із мобільного трафіку збільшився більше ніж вдвічі – на 116,28%.

Показники досить гарні, звичайно, ми не можемо сказати, що вся заслуга зростання кількості транзакцій та обороту магазину тільки в реалізації адаптиви, оскільки відбулося також зростання органічного трафіку, що, звичайно, зумовило зростання транзакцій.

Проте, навіть відкинувши зростання трафіку, отримаємо прекрасні результати: 116,28% – 31,10% = 85,18%.

Хоча заслуга зростання органічного трафіку з мобільних пристроїв також належить адаптиві, яка забезпечила вищі позиції в мобільній видачі, ніж у видачі для ПК:

Що свідчить про те, що адаптива відіграла також значну роль і в зростанні органічного трафіку.

І, як наслідок цього всього, мобільний трафік забезпечив зростання транзакцій на 86% та збільшення обороту вдвічі.