Кейс «Переїзд інтернет-магазину електроніки на адаптивну платформу osCommerce»

 

Переїзд інтернет-магазину це завжди зворушливо  для власника, бо причин для хвилювання багато. Виникає низка запитань: "Чи буде краще після переїзду?", "Чи не загубляться позиції в SERP?", "Як відреагують клієнти, а нові користувачі?". У більшості випадків переїзд позитивно позначається на просуванні, швидкості роботи. Взаємодія користувачів із сайтом поліпшується, але за умови, що власник поставив чіткі завдання програмістам і детально описав проблеми.

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

Проблема клієнта

Локація магазину в Малайзії, клієнт на момент переїзду вже 14 років займався продажем фотообладнання та аксесуарів, комп'ютерів, аудіотехніки, дронів та інших ґаджетів https://shashinki.com/ Інтернет-магазин створювався на платформі osCommerce 2.2, яка на момент звернення неабияк застаріла. До 2019 року функціонал і можливості платформи досягли своєї межі - виникла потреба переносити інтернет-магазин на більш швидку і функціональну платформу. Оскільки технології продовжують розвиватися, важливо йти в ногу з останніми тенденціями й функціями, щоб залишатися конкурентоспроможним на ринку.

Так виглядав сайт, коли клієнт прийшов до нас із запитом.

Наш аналіз показав, що на попередньому движку виникали такі проблеми:

• Через складний дизайн і застарілий інтерфейс клієнтам було важко орієнтуватися в навігації, оформлення замовлень також викликало труднощі - продажі падали
• З метою безпеки було потрібне оновлення коду на PHP версії 7.2
• Для мобільної та десктопної версії необхідно було готувати різний медіаконтент
• Дизайн мобільної версії сайту застарів
• Різні адреси сайту для мобільної та десктопної версії погано впливали на просування
• Коли користувачі з десктоп потрапляли на мобільну версію сайту, робити покупки виявлялося важко через відображення під мобільні пристрої, і навпаки, коли користувачі з телефону потрапляли на десктопну версію, робити покупки також було незручно - в результаті велика кількість відмов
• Сайт працював повільно через регулярне зростання товарів, і відповідно бази даних

Повний перелік проблем описано в блозі https://shashinki.com/blog/2019/10/13/shashinki-v2-0/.

Підготовка до переїзду

У серпні 2019 року було прийнято рішення перенести інтернет-магазин на нову платформу osCommerce (Solomono Edition). Більш докладно про всі можливості можна почитати тут. Переїзд і доопрацювання функціонала зайняли близько 2-х місяців.

Ми й раніше проводили міграцію, і вже встигли напрацювати власний скрипт дій. Перш ніж переводити інтернет-магазин на нову CMS SoloMono, було важливо належним чином підготуватися. Підготовка включала резервне копіювання даних і файлів, аналіз наявної структури та змісту сайту, визначення ключових функцій і можливостей, необхідних в оновленій CMS, а також розробку плану і графіка перенесення. Усі ці знання ми отримали в результаті попередніх міграцій і точно знали, що переїзд має бути поетапним.

Резервне копіювання даних і файлів

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

Аналіз наявної структури та змісту сайту

Аналіз наявної структури та змісту сайту був важливий для розуміння того, як працював інтернет-магазин у момент звернення клієнта. Це мати (в собі) аналіз поточної архітектури сайту, навігації та контенту, а також виявлення будь-яких проблем, які необхідно було вирішити в процесі міграції.

Визначення ключових особливостей і функціональності, необхідних під час переїзду

Визначення ключових функцій і можливостей, необхідних для нової CMS, було важливим для забезпечення успішної оптимізації інтернет-магазину. Це мати (в собі) визначення нових функцій і можливостей, які необхідно було реалізувати в новій версії движка.

Розробка плану і графіка міграції

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

Міграція

Після завершення підготовчого етапу можна було починати процес перенесення. Він містив установку нової платформи CMS, налаштування структури та дизайну сайту, перенесення контенту і файлів, тестування і налагодження, перенаправлення старих URL-адрес на нові, а також оновлення інтеграцій і сервісів.

Що додали після перенесення інтернет-магазину на оновлену CMS

Яку роботу було виконано і чого досягли.

1. Фільтрація

В інтернет-магазині підключені фільтри за такими критеріями:

• Вартість
• Бренд
• Підкатегорія товару
• Новий або б/в товар
• Імпорт або найближчий склад
• Рейтинг товару

2. Відгуки покупців

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

3. Додавання сторінки з ремонтом обладнання

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

4. Співпраця

Оскільки клієнт займається продажем не тільки нового, а й би/в обладнання, з'явилася необхідність створити офер про співпрацю. На окремій сторінці розмістили умови співпраці, також була виставлена форма для заповнення в Pdf форматі. Заповнивши цю форму, партнери відправляють її на пошту, щоб отримати ціну на своє обладнання і виставити його на продаж в інтернет-магазин ShaShinKi.

А ось повний список доробок, які були реалізовані в процесі переїзду:

1. Створили адаптивний дизайн для десктопної та мобільної версії з єдиною адресою сайту

2. Додали понад 200 нових функцій і модулів

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

4. Під'єднано 4 платіжні системи: PayPal, Visa & MasterCard, Maybank, FPX online banking

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

6. Перероблено сторінку оформлення замовлення - тепер весь процес замовлення знаходиться на одній сторінці й дані змінюються без перезавантаження сторінки

7. Для швидкого завантаження було впроваджено: ajax-кошик у спливаючому вікні, автопошук, нескінченний скрол товарів, швидкий фільтр товарів за характеристиками без перезавантаження сторінки, вкладки на сторінці товару, швидке додавання товару в кошик, швидке ajax-сортування товарів

8. Доопрацьовано функціонал для SEO просування, наприклад шаблони метатегів для різних груп товарів, мікророзмітка, аналітика цілей, генерація sitemap.xml

9. Додана можливість розміщення seo-текстів для: товарів, категорій, інфо-сторінок і сторінок брендів

10.  Додана нова, зручна адміністраторська частина сайту, поліпшені звіти, зручніший список замовлень і клієнтів, з'явилося гнучке налаштування знижок, рекомендованих товарів, імпорту та експорту і багато іншого. Адмінка адаптивна для мобільних пристроїв.

Результат

Після всіх доопрацювань і переїзду було досягнуто такого результату:

1. Підвищилися продажі, збільшилася конверсія
2. Інтернет-магазин просувається в пошуковій системі, сторінки краще ранжуються
3. Зростання трафіку
4. Попри високе навантаження і велику кількість товарів, сайт завантажується швидко
5. Проста форма оформлення замовлення тепер не викликає складнощів у клієнтів
6. Швидкий перехід із сайту на соціальні сторінки магазину і в месенджери

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