Кейс «Переезд интернет-магазина электроники на адаптивную платформу 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. Сотрудничество

Так как клиент занимается продажей не только нового, но и б/у оборудования, появилась необходимость создать оффер о сотрудничестве. На отдельной странице разместили условия сотрудничества, также была выставлена форма для заполнения в ПДФ формате. Заполнив эту форму партнеры отправляют ее на почту, чтобы получить цену на свое оборудование и выставить его на продажу в интернет-магазин 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, которая лучше отвечает потребностям их бизнеса и их клиентов.