Переїзд інтернет-магазину це завжди зворушливо для власника, бо причин для хвилювання багато. Виникає низка запитань: "Чи буде краще після переїзду?", "Чи не загубляться позиції в 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. Додана нова, зручна адміністраторська частина сайту, поліпшені звіти, зручніший список замовлень і клієнтів, з'явилося гнучке налаштування знижок, рекомендованих товарів, імпорту та експорту і багато іншого. Адмінка адаптивна для мобільних пристроїв.
Результат
Після всіх доопрацювань і переїзду було досягнуто такого результату:
- Підвищилися продажі, збільшилася конверсія
- Інтернет-магазин просувається в пошуковій системі, сторінки краще ранжуються
- Зростання трафіку
- Попри високе навантаження і велику кількість товарів, сайт завантажується швидко
- Проста форма оформлення замовлення тепер не викликає складнощів у клієнтів
- Швидкий перехід із сайту на соціальні сторінки магазину і в месенджери
На закінчення слід зазначити, що хоча перенесення інтернет-магазину зі старої CMS на оновлену може бути непростим завданням, зрештою це варта уваги інвестиція, яка допоможе власникам інтернет-магазинів залишатися конкурентоспроможними в цифровому ландшафті, що постійно розвивається. При ретельному плануванні та виконанні власники інтернет-магазинів можуть успішно перевести свої магазини на нову платформу CMS, яка краще відповідає потребам їхнього бізнесу та їхніх клієнтів.