Інтернет-магазин комплектуючих UKROB: кейс

Вступ

Ми створили повнофункціональний інтернет-магазин для UKROB — українського виробника FPV-дронів та електроніки. Проєкт став технологічним рішенням, що поєднує продаж, складський облік, CRM, логістику та автоматизовану фінансову систему. Головна мета — забезпечити клієнтів швидким, стабільним і зручним інструментом для онлайн-замовлень та керування бізнесом.

Завдання

• Розробити самописний Django-магазин, який працює асинхронно — без перезавантаження сторінки при зміні фільтрів чи завантаженні каталогу.

• Створити персональний дизайн на основі купленого шаблону, який повністю перероблено під тематику дронів і фірмовий стиль UKROB.

• Реалізувати зручну адміністративну панель і CRM-модуль для обробки замовлень.

• Інтегрувати систему онлайн-оплати WayForPay та API Нової пошти для вибору відділень.

• Налаштувати email-сповіщення клієнтів про зміну статусів замовлень.

• Створити систему логістики закупівель і точний облік залишків на складі.

• Забезпечити автоматичний експорт у CSV-формат, сумісний із веб-касою ДФС.

• Підключити Google Merchant Center для товарної реклами.

Ключові модулі:

Промо-лендінг

Головна сторінка — це сучасний лендінг із великим банером, CTA-кнопками (“Каталог”, “Зробити замовлення”) та коротким описом напрямків діяльності компанії.
Секція «Про нас» розповідає про місію UKROB — підтримку ЗСУ, розвиток українських технологій та виготовлення надійних FPV-комплектуючих.
Дизайн витримано у темній гамі з бірюзовими акцентами, що візуально поєднує технологічність і естетику.

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

Каталог — це асинхронна стрічка, де товари підвантажуються під час прокрутки сторінки.
Фільтри за ціною, категорією, рейтингом і наявністю працюють без перезавантаження. Користувач миттєво бачить результати змін.
Картки товарів містять фото, ціну, знижку, наявність і кнопку «Додати в кошик». Пошук у шапці дозволяє знаходити потрібні деталі за частиною назви.

Окрема сторінка /catalog має бічне меню з категоріями (FPV-камери, контролери ESC, двигуни, пропелери, стеки, акумулятори тощо) і незалежну систему фільтрації.

Фронтенд

Фронтенд реалізовано на чистому HTML + JavaScript. За основу взято комерційний шаблон, який був повністю перероблений:
оновлено структуру, логіку фільтрів, поведінку каталогу, анімації, скролінг і асинхронну підвантажку даних.
Це дозволило досягти швидкості роботи, близької до SPA-додатків, без використання фреймворків.

Особистий кабінет користувача

Зареєстровані клієнти мають особистий кабінет із історією замовлень, станом поточних оплат, адресами доставки та можливістю повторити покупку.
Усі дані синхронізуються з CRM, а при зміні статусу замовлення клієнт отримує автоматичний email-лист (підтвердження, оплата, відправка, доставка).

Онлайн-оплата та доставка

Інтернет-магазин інтегровано з WayForPay, що дозволяє оплачувати замовлення безпосередньо на сайті карткою або через Apple Pay/Google Pay.
Також реалізовано інтеграцію з API Нової пошти — користувач може обрати відділення або поштомат безпосередньо в процесі оформлення замовлення.
Це значно підвищує конверсію та зменшує кількість помилок під час введення адреси.

CRM-система заявок

CRM-модуль дозволяє менеджерам працювати із замовленнями, бачити статус кожного клієнта, автоматично формувати рахунок-фактуру та надсилати його на email.
Заявки автоматично створюються при оплаті або відправленні форми зворотного зв’язку.
Менеджер може змінювати статус, залишати коментарі, додавати примітки до кожного клієнта.

Система логістики закупівель і складський баланс

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

• Вести базу постачальників та історію закупівель;

• Фіксувати прийняття товару на склад;

• Автоматично оновлювати залишки — система сама розраховує доступну кількість товарів, враховуючи продажі та поставки.

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

Експорт у CSV-формат для фіскальної каси

Сайт дозволяє експортувати замовлення та товари у CSV-формат, сумісний із веб-касою ДФС.
Це дає змогу швидко формувати та відправляти фіскальні чеки без ручного перенесення даних, зменшуючи кількість помилок при обліку.

Адмін-панель

Кастомна адмінка забезпечує керування товарами, категоріями, банерами, сторінками, замовленнями та блогом.
Інтерфейс інтуїтивний і не перевантажений — усі функції зібрані за логікою “мінімум кліків — максимум результату”.

Інтеграція з Google Merchant Center

Система автоматично формує XML-фід товарів і передає його в Google Merchant Center, що дозволяє миттєво оновлювати дані про ціни та наявність у рекламі.
Це забезпечує стабільну роботу товарних кампаній і залучення нових клієнтів.

Висновки

Сайт UKROB став повноцінним технологічним ядром бізнесу — він об’єднує продаж, логістику, оплату, склад і бухгалтерію в одному рішенні.
Самописна система на Django, чистий HTML+JS-фронтенд і кастомна CRM дають відмінну швидкість, стабільність і масштабованість.
Автоматизація закупівель, інтеграція з WayForPay, Новою поштою та Google Merchant Center роблять UKROB прикладом ефективного e-commerce-проєкту, який поєднує простоту у використанні з професійною бізнес-логікою.