Кейс: Интернет-магазин автозапчастей AM-Light на Аспро: Лайтшоп

Кейс: Интернет-магазин автозапчастей AM-Light на Аспро: Лайтшоп

21 октября 2022


Автор: Команда Аспро
Фото 1: «Кейс: Интернет-магазин автозапчастей AM-Light на Аспро: Лайтшоп»

Сайт — визитная карточка бизнеса. Поэтому важно поддерживать ресурс современным и функциональным. Но когда возможностей платформы становится недостаточно для решения рабочих задач, стоит задуматься о миграции на более инновационный продукт. В кейсе рассказали об интернет-магазине автозапчастей, который переехал на быстрый и легкий шаблон Аспро: Лайтшоп.

Интернет-магазин AM-Light специализируется на продаже автомобильной оптики, запчастей и багажных систем различных брендов. За 6 лет компания обслужила более 20 тысяч клиентов и выросла в крупный онлайн-гипермаркет.

Предыстория

Изначально интернет-магазин работал на шаблоне Аспро: Next. В удобный момент руководство AM-Light решило обновить онлайн-проект. Тогда наша команда выполнила миграцию сайта на современный продукт Аспро: Лайтшоп. Готовое решение понравилось заказчику простым и интуитивно понятным оформлением.

Кузин Алексей
учредитель ООО «Ам-Лайт»

Требовалось обновление старого шаблона Аспро: Next. Хорошее настроение в отпуске помогло быстро принять решение. Сайт здорово модернизировали, понравилась визуальная часть.


Скорость сайта

Перед выполнением миграции наши специалисты замерили показатели скорости интернет-магазина в сервисах Google PageSpeed Insights и WebPageTest. Благодаря этому можно сравнить значения до перехода на Аспро: Лайтшоп и после.

Рассмотрим производительность проекта в Google PageSpeed Insights на компьютерах и мобильных устройствах. Чем выше значение, тем быстрее загружается страница.

 Показатели Google PageSpeed Insights*  

 Скорость на старом сайте  

 Скорость сайта на Аспро: Лайтшоп  

Главная страница

Компьютеры: 79

Мобильные: 55

Компьютеры: 99

Мобильные: 54

Каталог товаров

Компьютеры: 85

Мобильные: 25

Компьютеры: 94

Мобильные: 63

Карточка товара

Компьютеры: 90

Мобильные: 21

Компьютеры: 95

Мобильные: 43

*Данные получены 10.08.22

В сервисе WebPageTest наши специалисты замерили показатель First View — время в секундах, которое нужно для полной загрузки страницы при первом посещении. В этом случае параметр еще не учитывает кэш браузера, который ускоряет загрузку сайта во время следующих визитов. Важно также отметить, что это зарубежный сервис. Поскольку сервера расположены не в России, время отклика увеличено. Но это не помешает сравнить старый проект с новым.

Рассмотрим показатели скорости сайта в WebPageTest. Данные представлены в секундах. Поэтому чем ниже значение, тем быстрее загружается страница.

    Показатели WebPageTest*      Время полной загрузки старого сайта  

 Время полной загрузки  сайта на Аспро: Лайтшоп

Главная страница

Компьютеры: 13,1 сек.

Мобильные: 15,7 сек.

Компьютеры: 2,9 сек.

Мобильные: 6,5 сек.

Каталог товаров

Компьютеры: 9,6 сек.

Мобильные: 15,3 сек.

Компьютеры: 3,8 сек.

Мобильные: 8,3 сек.

Карточка товара

Компьютеры: 8,5 сек.

Мобильные: 14,7 сек.

Компьютеры: 6,8 сек.

Мобильные: 10,2 сек.

*Данные получены 10.08.22

Дополнительно специалисты замерили скорость сайта с помощью отладки 1С-Битрикс. Это внутренний функционал платформы. Поэтому для замера скорости не использовались сторонние модули. Данные также представлены в секундах и фиксируются без учета кэша. Чем ниже значение, тем быстрее загружается страница.

 Показатели Отладки 1С-Битрикс*  

 Время полной загрузки старого сайта  

 Время полной загрузки  сайта на Аспро: Лайтшоп  

Главная страница

Компьютеры: 4,1 сек.

Мобильные: 5,7 сек.

Компьютеры: 0,95 сек.

Мобильные: 2,4 сек.

Каталог товаров

Компьютеры: 2,7 сек.

Мобильные: 7,1 сек.

Компьютеры: 1,1 сек.

Мобильные: 3,9 сек.

Карточка товара

Компьютеры: 2,1 сек.

Мобильные: 8,7 сек.

Компьютеры: 1,3 сек.

Мобильные: 6,1 сек.

*Данные получены 10.08.22

Как показывают результаты тестов, скорость интернет-магазина удалось значительно оптимизировать. Например, время загрузки главной страницы в десктопной версии сократилось в 4 раза. Такого результата удалось добиться благодаря упрощенной структуре решения Аспро: Лайтшоп. Ведь наш новый продукт разрабатывался с упором на высокую скорость загрузки.

Как изменился сайт

Главная страница

На главной странице интернет-магазина добавлен широкоформатный баннер с желтым автомобилем. Цвет элементов подобрали с учетом дизайн-кода компании. Название магазина представлено на номере машины. Оформление адаптировано индивидуально под проект, что помогает формировать имидж.

Фото 2: «Кейс: Интернет-магазин автозапчастей AM-Light на Аспро: Лайтшоп»

В шапке интернет-магазина пользователи могут мгновенно переключить сайт на темную тему. Функционал снижает нагрузку на глаза.

Фото 3: «Кейс: Интернет-магазин автозапчастей AM-Light на Аспро: Лайтшоп»

Каталог автозапчастей

В каталоге автотоваров появилось компактное меню подразделов для удобной навигации. Детально настроен умный фильтр, с помощью которого можно быстро подобрать продукцию по необходимым характеристикам.

Фото 4: «Кейс: Интернет-магазин автозапчастей AM-Light на Аспро: Лайтшоп»

Избранные товары

Клиенты могут сохранить понравившиеся автоаксессуары в избранное. Страница с отложенными товарами расположена в личном кабинете. При этом администратор интернет-магазина может посмотреть, какие запчасти покупатели добавляют в избранное и предложить им интересные предложения для стимулирования продаж.

Фото 5: «Кейс: Интернет-магазин автозапчастей AM-Light на Аспро: Лайтшоп»

Карточка товара

При выборе автозапчастей клиенты ориентируются на характеристики. Поэтому в карточке товара представлено подробное описание продукции с картинками, видео и таблицами свойств. На странице также можно заранее рассчитать стоимость доставки.

Фото 6: «Кейс: Интернет-магазин автозапчастей AM-Light на Аспро: Лайтшоп»

Доработки

Индивидуальный дизайн главной страницы

Наши дизайнеры разработали фирменное оформление главной страницы интернет-магазина. Реализовали следующие элементы:

  • Логотип, скорректирован под структуру шаблона.

  • Большой баннер с наездом на шапку.

  • Баннеры с ключевыми категориями товаров.

  • Баннер для блока «Акции».

  • Баннер для блока «О компании».

Фото 7: «Кейс: Интернет-магазин автозапчастей AM-Light на Аспро: Лайтшоп»

Планы

Команда AM-Light планирует продвигать проект по советам наших специалистов — выгрузить товары на Wildberries, Яндекс.Маркет и Aliexpress. Размещение товаров на разных витринах позволит увеличить количество заказов. К тому же в решении Аспро: Лайтшоп уже предусмотрена интеграция с Wildberries, что упростит работу по продвижению.

Статья полезна для