TIR Market: запчастини для вантажівок — все необхідне під рукою

B2B Платформа
UI/UX Design
Вебсайт
Front-end development
Back-end development

Про клієнта

TIR Market — найбільший авторизований постачальник нових автозапчастин для вантажівок. Широкий асортимент товарів, склади в різних куточках України та власна служба доставки.

Виклик

TIR Market щодня обробляв тисячі замовлень і залучав до процесу декілька менеджерів. Тож зʼявилась потреба автоматизувати робочі процеси, аби пришвидшити доставку та зменшити час затримки транспорту в автосервісах.

Для кого рішення?

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

Як ми розробили
B2B-систему для TIR Market

Дослідження та аудит

Спершу ми проаналізували, як відбувається продаж та обробка замовлень.

Поспілкувалися з командою менеджерів та працівників TIR Market, щоб зрозуміти ключові сценарії — від звернення до доставки.

Акцент зробили на важливих моментах для клієнтів:

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

Формування ТЗ

Наступний крок — технічне завдання. Воно охоплює всі елементи: від базових вимог щодо структури сайту до його інтеграції із зовнішніми сервісами.

Визначили важливі аспекти для взаємодії з клієнтами:

архітектуру проєкту та CMS
логіку роботи сайту та користувацький шлях
інтеграцію зі складсько-бухгалтерською системою
вимоги до безпеки та контролю доступу
швидкість та продуктивність під навантаженням
аналітика взаємодії з сервісом

Який підхід обрали?

Основою для B2B-системи TIR Market стала концепція Single Page Application (SPA) — це тип веб-додатку, де всі дані відображаються на одній сторінці, без перезавантаження браузера чи відкриття нових сторінок.

Завдяки SPA система працює швидко та стабільно. Не потрібно щоразу завантажувати стилі, шрифти та інші незмінні елементи: хедер, футер або навігацію.

Дизайн

Основна та звична для клієнтів частина інтерфейсу — таблиці. Щоб зробити їх більш гнучкими, ми винесли налаштування колонок у профіль користувача.

Це означає, що структура таблиць не «зашита» у код фронтенду, а змінюється через налаштування та залежить від умов пошуку.

Таблиці гнучко адаптуються до контенту та підтримують:

виділення окремих або всіх рядків
пагінацію для зручного перегляду великої кількості даних
приховування/відображення колонок із збереженням налаштувань
копіювання даних одним кліком
адаптивність відносно розмірів екрану

Адаптивний дизайн

Візуальну частину системи ми оптимізували під мобільні пристрої. На менших екранах таблиці перетворюються на блочне відображення, а важливі функції залишаються доступними.

Інтегрували Framer Motion informer щоб сторінки плавно зʼявлялися під час завантаження або взаємодії, всі важливі дії супроводжувалися динамічними сповіщеннями.

Підхід до розробки

Щоб платформа працювала стабільно та безперебійно, команди фронтенд і бекенд тестували інтерфейс, налаштували серверну частину та впровадили автоматичні оновлення.

Як результат, менеджери отримують доступ до нових функцій без технічних пауз, а клієнти — стабільну роботу платформи.

Back-end

Найважливіша частина бекенду TIR Market — це робота з API. Вона забезпечує швидку взаємодію між внутрішньою системою та зовнішніми сервісами.

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

Окрім цього, є ще внутрішній API — для зв’язку фронтенду з бекендом. Він відповідає за обробку запитів, передавання інформації у зручному форматі та стабільну роботу інтерфейсу.

Складсько-бухгалтерська система

Розробили інтеграцію між B2B-платформою та складсько-бухгалтерською системою.

У такий спосіб ми автоматизували управління товарними залишками, цінами, контрагентами, договорами, замовленнями, накладними, заборгованостями, актами, способами доставки та рубрикатором.

Спільно з технічною командою TIR Market, створили детальну технічну специфікацію, яка передбачає: реальні часові методи обміну, безпечну авторизацію та автоматичні звіти.

Обробка замовлень у реальному часі

Щойно клієнт оформив замовлення, відбувається обмін зі складсько-бухгалтерською системою, яка надсилає запит на склад. Замовлення комплектують і відправляють.

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

Цей процес працює безперервно: склади, логістика та клієнтська частина B2B-системи синхронізовані в режимі реального часу.

Безпека

Ми подбали про безпеку системи для захисту конфіденційної інформації:

обмеження пристроїв — щоб зайти в систему, потрібен не лише пароль, а й підтвердження девайса
додаткова авторизація — якщо потрібно одночасно відкрити кілька сеансів, то клієнт звертається до менеджера, щоб отримати доступ

*Ми не використовуємо персональні дані користувачів і не маємо доступу до них. Усі дані на цьому зображенні ілюстративні й не мають нічого спільного з реальними даними клієнтів TIR Market

Sale-звіт

Менеджери TIR Market мають доступ до аналітичного інструменту.

У звіті можна аналізувати динаміку дій клієнтів із товарами — що найчастіше шукають, переглядають, додають у кошик чи купують.

Індивідуальні ціни для клієнтів

B2B-система враховує умови договорів: кожен клієнт бачить не лише наявність товару, але й персоналізовану ціну.

Це важливо для автосервісів, які орієнтовані і на швидкість обслуговування, і на вартість.

Пошук

Пошук — ключовий елемент B2B-системи, TIR Market працює із тисячами товарів. Ми розробили повнотекстовий механізм, який аналізує наявну інформацію в базі даних і знаходить потрібні позиції всього за декілька мілісекунд.

Підтримуються різні типи запитів за:

назвою
артикулом (SKU)
каталожним номером
аналогами
брендами
іншими параметрами

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