Перейти до вмісту
Зв'яжіться з нами
MTN Shop

MTN Shop

Глобальний постачальник промислового та будівельного обладнання

 

Про клієнта 

MTN Shop - міжнародний постачальник промислового такелажу, спецодягу та засобів індивідуального захисту (ЗІЗ) для різних галузей промисловості. Компанія керує 4 e-commerce платформами на Shopify Plus із каталогом у понад 10 000 SKU. MTN прагне надавати клієнтам передові продукти та сервіс високого рівня, впроваджувати інновації та формувати безпечне робоче середовище.

Виклики для бізнесу

Проблеми з продуктивністю та низька конверсія:

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

Обмеження стандартного функціоналу:

Готові рішення з Shopify App Store не покривали специфічних B2B/B2C потреб MTN Shop. Компанії було необхідне кастомне рішення, розроблене під їхню унікальну бізнес-логіку.


Потреба в довгостроковому тех-партнері:

MTN Shop шукав надійну e-commerce агенцію, здатну трансформувати бізнес-вимоги в чіткі технічні специфікації (ТЗ), заделіверити рішення у визначені дедлайни та забезпечити постійний мейнтенанс проєкту.

Централізована база знань (Single Source of Truth):

З огляду на міжнародну присутність, клієнту була необхідна єдина база знань, яка слугувала б Single Source of Truth для всієї тех-документації та процесів. Це мало забезпечити єдині стандарти та ефективність для всіх регіональних команд..

Надійний DevOps-процес:

Щоб мінімізувати даунтайм і забезпечити високий аптайм сайтів, MTN Shop потребував DevOps-інфраструктури з автоматизацією CI/CD, цілодобовим моніторингом та кращими практиками безпеки.


Що ми запропонували

Команда

На основі детального плану ми стратегічно розподілили ресурси для досягнення максимального результату. Delivery Manager виступав у ролі рішення-архітектора, балансуючи завантаження та оптимізуючи перформанс команди. Ми сформували dedicated-команду з чітким розподілом зон відповідальності в розробці та менеджменті.

До складу крос-функціональної команди увійшли:

 

Team Lead: відповідав за комунікацію з клієнтом, пріоритизацію тасок і продуктивність команди.

 

 Shopify Expert: досліджував та підбирав найбільш Cost-Effective рішення під бізнес-завдання, що дозволило клієнту суттєво оптимізувати бюджет.

 

Front-End & Back-End Developers: реалізовували бізнес-логіку та кастомний UI/UX.

 

QA Engineer: забезпечував безперервний контроль якості (QA) шляхом систематичного тестування фіч перед релізом.

У результаті MTN Shop отримав прозорий та автономний процес розробки, що гарантує стабільну роботу технічної частини бізнесу майже без залучення ресурсів клієнта у менеджмент.


Рішення

Розробка кастомних додатків

Публічні додатки з маркетплейсу Shopify не покривали унікальну логіку MTN Shop. Клієнту потрібне було кастомне рішення, яке б бездоганно інтегрувалося з їхньою бізнес-моделлю та каталогом.

Наша команда розробила серію приватних додатків (Custom Apps), що розширили базовий функціонал платформи:


1. Розширені опції товару та Color Swatches:
Розширені можливості кастомізації товарів на картці (PDP) із візуальними колірними зразками (Swatches). Впроваджено додаткові поля для вибору розмірів, матеріалів, гравіювання та перегляду товару в різних ракурсах. Це підвищило залученість покупців, покращило UX та збільшило конверсію.
2. Автоматизована система розрахунку ПДВ:
Модуль автоматичного розрахунку податку на додану вартість (ПДВ) залежно від юрисдикції покупця. Це економить час, виключає людський фактор, спрощує податкову звітність та оптимізує операційні витрати.
3. Автоматична синхронізація товарних залишків через XML:
Безшовна двостороння синхронізація даних між e-commerce магазинами та ERP/WMS постачальників у форматі XML. Це гарантує актуальність цін і залишків у реальному часі, усуваючи розбіжності в каталозі.
4. Кастомний модуль пошуку та фільтрації:
Просунута система пошуку та фільтрації для швидкої навігації у великому каталозі. Включає пошук за ключовими словами, багаторівневу фільтрацію за атрибутами/ціною та сортування за новинками, рейтингом і наявністю на складі.
5. Застосунки на базі Shopify Checkout UI Extensions:
Кастомізація чекаут-флоу за допомогою сучасних Shopify Checkout UI Extensions. Дозволяє додавати кастомні поля, коригувати деталі замовлення та виводити персоналізовані повідомлення при оформленні покупок.
6. Інтеграційний кастомний додаток для Monday.com:

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

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


Оптимізація швидкості та продуктивності

На старті проєкту сайти MTN Shop мали низькі метрики завантаження, що суттєво знижувало конверсію. Ми провели комплексний технічний аудит, виявили «вузькі місця» (bottlenecks) та розробили Roadmap із рефакторингу. Протягом усієї розробки ми дотримувалися кращих інженерних практик: писали чистий семантичний код, оптимізували медіаконтент та регулярно моніторили метрики Google PageSpeed Insights. Окрім цього, наші Shopify-експерти провели аудит усіх встановлених сторонніх додатків, виявили ті, що сповільнювали рендеринг сторінок, і замінили їх на більш продуктивні або кастомні аналоги без втрати функціоналу.

Результат: показники Google PageSpeed зросли з 20 до 85 балів на Desktop та з 16 до 60 балів на Mobile.

Розкриття потенціалу веб-сайту за допомогою Shopify 2.0

Для використання нових можливостей платформи та дотримання актуальних стандартів безпеки MTN Shop мав оновити теми своїх магазинів до версії Online Store 2.0. Це вимагало рефакторингу та безшовної міграції із збереженням бренд-айдентики.

Наша команда розробила детальний план міграції (Migration Roadmap) та підготувала точну оцінку робіт. Ми відтворили існуючі шаблони й секції відповідно до стандарту Shopify 2.0, паралельно покращивши UI/UX. Також було розроблено нові кастомні секції під бізнес-потреби клієнта для зростання конверсії.

Після проведення комплексу QA-тестів оновлену тему 2.0 було безперешкодно задеплоєно на основний сайт MTN Shop без даунтайму для бізнесу. Далі ми розгорнули нову тему на всі 4 регіональні магазини клієнта, забезпечивши єдиний бренд-досвід та високу швидкість роботи усієї мережі.


Технічна підтримка та мейнтенанс

Розуміючи критичність стабільного аптайму для глобального e-commerce, ми надали клієнту комплексний сервіс з технічної підтримки та обслуговування (Retainer / SLA).

Рішення включає проактивний 24/7 моніторинг, швидке реагування на інциденти (Escalation Management) та мінімізацію даунтайму. Ми здійснюємо регулярні бекапи даних, планові аудити критичного функціоналу, усунення багів та постійне впровадження дрібних UX-покращень. Постійний супровід від виділеної команди дає змогу MTN Shop бути впевненим у стабільності своєї онлайн-інфраструктури.


Технології та інструменти

Back-end: PHP, Laravel, Shopify API
Front-end:
Shopify Plus, Shopify Liquid, JavaScript, HTML5, CSS3
PM:
Asana, Slack, Google Workspace.

Що каже наш клієнт:

 

"Grodas чудово виконала роботу над нашим сайтом!"

 

Переглянути повний відгук на Clutch

Mark Waldron

E-Commerce Specialist at “Mountain Productions”

 

 


Назад до Портфоліо проєктів