Автор кейсаAlt-TeamЛоготип компании

Стратегия увеличения скорости веб-сайта Stainless Steel Fittings

Заказчик
Stainless Steel Fittings - это компания, специализирующаяся на предоставлении клиентам гидравлических шлангов и фитингов OEM-класса высочайшего качества по ценам производителя, сочетая надежность с до
Задача
1. Перейти на CS-Cart платформу; 2. создать новый функционал сайта; 3. обеспечить высокую скорость сайта электронной коммерции; 4. обновить дизайн.

Кратко о проекте

После успешного завершения проекта Titan Fittings наш клиент остался доволен, и мы занялись работой над сайтом Stainless Steel Fittings. 

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

В интернет-магазин Stainless Steel Fittings входят:

  • 2,000 категорий;
  • более 20,000 товаров.

 

Основные цели проекта

- Настройка CMS

Сайт Stainless Steel Fittings был создан на платформе Volusion CMS, которая не обеспечивала достаточного уровня настроек для реализации потребностей нашего клиента. Поэтому было решено перейти на платформу CS-Cart с широким выбором готовых модулей, которые упрощают процесс настройки для разработчиков. Кроме того, CS-Cart отлично отвечает требованиям электронной коммерции, делая его оптимальным выбором для подобных проектов.

- Единая административная панель для нескольких витрин

Сейчас у клиента есть четыре сайта электронной коммерции, которые специализируются на продаже фитингов из нержавеющей стали и гидравлических шлангов как в онлайн, так и в офлайн формате. Однако наличие отдельной административной панели для каждого сайта значительно усложняет процесс управления.

CS-Cart CMS выгодно отличается возможностью централизованного управления несколькими витринами через одну админ-панель. Оценив это преимущество, еще одной целью проекта было создать одну административную панель на CS-Cart для всех проектов клиента.

- Высокая скорость загрузки сайта 

Клиент столкнулся с такой серьезной проблемой, как медленная загрузка страниц на мобильных устройствах, что негативно сказывалось на его бизнесе. Чтобы решить эту задачу, была поставлена цель - внедрить наше передовое решение Lightning Commerce.

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

 

- Современный и привлекательный интернет-магазин 

Одной из ключевых задач клиента было создание красивого и современного интернет-магазина с функциональностью, отвечающей требованиям электронной коммерции.

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

 

Технологии, использованные для работы над проектом:

1) Lightning Commerce

Это наше собственное решение, разработанное на базе современной архитектуры Jamstack. Оно позволяет создавать сверхбыстрые, стабильные и легко масштабируемые интернет-магазины с высоким уровнем защиты от взлома. Эта технология обеспечивает исключительную производительность и надежность, идеально подходит для динамичного мира электронной коммерции.

- Next.js

- Tailwind

- Vercel

2) CS-Cart для панели администратора

CS-Cart CMS отлично подходит для управления несколькими интернет-магазинами, что идеально соответствует потребностям нашего клиента, владеющего четырьмя магазинами по продаже гидравлических изделий для промышленности. К тому же клиент уже хорошо знаком с этой платформой.

Однако, несмотря на широкий функционал CS-Cart, система имеет недостаток — низкую скорость загрузки страниц витрины. Чтобы решить эту проблему, мы отделили витрину от административной панели. Витрина была разработана на базе Next.js, что обеспечило высокую скорость и производительность, а админ-панель осталась на платформе CS-Cart, сохранив удобство управления.  

3) Интеграции со сторонними сервисами

В ходе работы была выполнена интеграция с рядом сервисов:

  • Meilisearch — сверхбыстрая поисковая система с открытым исходным кодом, значительно улучшающая процесс поиска товаров на сайте.
  • ShipStation — универсальное веб-решение для управления доставкой, которое упрощает выполнение заказов. Этот инструмент объединяет заказы из более чем 70 каналов электронной коммерции, обеспечивая удобство и эффективность логистики.

Эти интеграции сделали веб-сайт более функциональным и удобным как для клиентов, так и для администрации магазина.

 

Результаты: супербыстрый интернет-магазин 

1. Успешный переход с Volusion на CS-Cart

Разработчики Alt-team успешно осуществили перенос данных с платформы Volusion на CS-Cart. Были перенесены:

  • История заказов
  • Данные клиентов

Клиент самостоятельно выполнил перенос товаров и категорий, воспользовавшись удобной функцией импорта/экспорта, предоставляемой CS-Cart. Такой подход обеспечил плавный переход на новую платформу с минимальными затратами времени и ресурсов.

2. Одна админ-панель для двух витрин

После успешного завершения проекта Titan Fittings наш клиент решил модернизировать еще один из своих проектов.

Команда Alt-team обеспечила сверхбыструю производительность веб-сайта Stainless Steel Fittings, а также внедрила решение, позволяющее управлять сразу двумя проектами через одну административную панель. Это упростило управление и повысило эффективность работы клиента.

3. Использование Lightning Commerce

Мы успешно запустили еще один проект с использованием технологии Lightning Commerce, получив веб-сайт, который отличается высокой скоростью работы, превосходной безопасностью и легкой масштабируемостью.

Показатели производительности сайта для мобильных устройств и планшетов теперь стабильно находятся в зеленой зоне по оценкам Google Page Speed, что значительно улучшает пользовательский опыт.

  

4. Сверхбыстрый поиск и улучшенная функциональность

Новый сайт впечатляет функцией мгновенного поиска с временем отклика менее 3 миллисекунд.

Поиск часто становится слабым местом многих интернет-магазинов: медленная скорость, неудобная сортировка и фильтрация продуктов приводят к оттоку клиентов. Чтобы устранить эти проблемы, мы интегрировали сервис Meilisearch, обеспечивающий молниеносный поиск.

Кроме того, благодаря решению Lightning Commerce, функции сортировки и фильтрации продуктов были оптимизированы. Это делает процесс покупок быстрым, удобным и полностью беззаботным для пользователей.

5. Настройка 301 редиректов

По запросу клиента мы выполнили настройку 301 редиректов в связи с созданием новой структуры категорий и URL.

Большая часть редиректов была реализована на сервере Vercel, обеспечивая быструю и стабильную переадресацию. Остальные редиректы были настроены через стандартный функционал админ-панели CS-Cart, что позволило эффективно управлять перенаправлениями и сохранить SEO-показатели сайта.

 

 

Итог:

Мы создали сверхбыстрый интернет-магазин, в котором переход между страницами абсолютно незаметен благодаря использованию нашего решения Lightning Commerce. Это позволило достичь практически идеальных показателей на Google PageSpeed для десктопной версии — около 100%.

Благодаря интеграции с Meilisearch мы реализовали мгновенный поиск по товарам, что значительно улучшило пользовательский опыт.

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

Если вы хотите создать подобный интернет-магазин, обращайтесь к нам:

Почта: manager@alt-team.com 


Перейти на сайт

В карточку агентства

Письмо автору кейса

Пользуйтесь реальным опытом в IT и следите за успехами потенциальных подрядчиков и конкурентов
Подпишитесь на рассылку
Читайте также
Кейсы по теме#Промышленность и оборудование
Проекты компании Proactivity Group