Розробка оптової e-commerce платформи для Stream Market

Stream Market — український оптовий онлайн-магазин, що постачає будівельні, господарські, побутові та сільськогосподарські товари по всій Україні. Компанія працює з великим асортиментом (понад 100 000 позицій), має власну логістику та гнучку систему знижок для гуртових і постійних клієнтів. Клієнт орієнтується на B2B-аудиторію: власників магазинів, будівельні компанії, сервісні служби, фермерські господарства та оптових покупців з регіонів.

На певному етапі розвитку бізнесу попередні онлайн-інструменти перестали справлятися з навантаженням: замовлення оброблялися вручну, повторні закупівлі займали багато часу, а каталог товарів був недостатньо зручним для швидкого пошуку. Stream Market звернувся до Promodex із завданням створити повноцінну e-commerce платформу, яка поєднає оптовий каталог, особистий кабінет, логістику та систему лояльності в одному зручному інтерфейсі.

Вихідні дані та задачі проєкту

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

• розробити оптовий інтернет-магазин із сучасним адаптивним інтерфейсом та зручним мобільним UX;
• реалізувати багаторівневий каталог із продуманою структурою, фільтрами, сортуванням і швидким пошуком;
• створити особистий кабінет для постійних клієнтів із доступом до історії замовлень, вибраного та знижок;
• інтегрувати систему лояльності та оптових цін, що враховують обсяги закупівель і статус клієнта;
• підготувати технічну базу під SEO-просування та запуск PPC-кампаній у Google Ads;
• підключити логістичні модулі й автоматизувати процеси доставки та обліку товарів по Україні.

У підсумку платформа Stream Market мала стати єдиним цифровим середовищем для всіх процесів: від пошуку потрібних позицій до повторних оптових закупівель і управління доставкою.

Підхід Promodex і етапи реалізації

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

• Аналітика та дослідження ринку. Ми проаналізували оптові онлайн-майданчики в ніші будівельних, господарських і сільськогосподарських товарів, вивчили структуру їхніх каталогів, пошук, фільтри, сценарії роботи з кошиком та особистим кабінетом. Це дозволило сформувати вимоги до майбутнього функціоналу й знайти точки диференціації для Stream Market.
• Архітектура та структура сайту. На основі асортименту клієнта та семантичного ядра було побудовано дерево категорій із підкатегоріями, брендами та типами застосування. Особливий акцент зробили на швидкому доступі до популярних товарів і можливості «збирати» замовлення по різних категоріях в одному інтерфейсі.
• UI/UX-дизайн. Ми розробили інтерфейс у світлій приємній гамі з акцентними фіолетовими елементами. Навігація побудована так, щоб оптовий покупець бачив ключові розділи — «Замовлення клієнтів», «Мій асортимент», «Мої обрані», «Прайс», «Налаштування магазину» — буквально в один клік з лівого меню. UX орієнтований на щоденну роботу: часті повторні замовлення, великі списки позицій, швидке редагування.
• Front-end та back-end розробка. Платформа реалізована на OpenCart 3.x з глибокою кастомізацією: багаторівневі категорії, гнучка система знижок, оптові ціни, модульні блоки для логістики й управління замовленнями. Особистий кабінет, система обраного, генерація прайс-листів, управління вітринами — усе це реалізовано як окремі функціональні модулі.
• Інтеграція логістики та внутрішніх процесів. Було підключено модулі доставки, інтегровано внутрішню систему управління замовленнями й логістикою, налаштовано обмін даними щодо статусів, оплат і залишків. Це зменшило кількість ручних операцій та помилок.
• SEO-підготовка та технічна оптимізація. Ми налаштували дружні URL, структуру заголовків, Open Graph, мікророзмітку schema.org, файли robots.txt і sitemap.xml, оптимізували швидкість завантаження сторінок і коду. Сайт від початку був готовий до активного SEO й PPC.
• Тестування та запуск. На фінальному етапі проведено UX-, функціональне та навантажувальне тестування: перевірка кошика, чек-ауту, особистого кабінету, генерації прайсів і роботи фільтрів на великих масивах даних. Після цього сайт розгорнули на продакшн-сервері та передали в технічну підтримку.

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

Ключові екрани та користувацькі сценарії

На головному екрані кабінету користувач бачить розділ «Мій магазин» з блоком «Мої обрані». Тут формуються вітрини під різні потреби: «Для дому», «Зима 2022», «Вода і опалення» тощо. У кожній вітрині — добірка товарів, які часто замовляються певною групою клієнтів. Менеджер може швидко додати позиції до замовлення, змінити кількість, керувати списками та створювати нові підбірки. Це суттєво скорочує час на збори повторних оптових заявок.

Екран «Замовлення клієнтів» показує всі актуальні замовлення в одному списку з візуальними індикаторами статусів (новий, підтверджений, в роботі, відправлений тощо). У верхній частині відображаються ключові показники: кількість клієнтів, середній чек, загальна кількість замовлень за вибраний період. Менеджер може швидко змінювати статус, переглядати склад замовлення, застосовувати фільтри за клієнтом, періодом або типом операції. Таким чином, платформа підтримує повний цикл роботи оптових відділів продажу.

Розділ «Мій асортимент» дозволяє управляти власною вітриною Stream Market: для кожної категорії (електрика, сантехніка, інструменти, господарські товари тощо) відображаються кількість позицій та перелік актуальних товарів. Менеджер може швидко розгортати/згортати групи, переглядати картки, змінювати наявність або пріоритет. Цей інструмент особливо важливий для партнерів, які хочуть тримати у своєму оптовому прайсі лише актуальні позиції.

Окремий екран «Прайс» дозволяє формувати прайс-лист у декілька кліків. Користувач відмічає категорії та групи товарів, які потрібно включити до прайсу, після чого система автоматично формує документ (наприклад, у форматі Excel). Це вирішує типову для B2B-ринку задачу — регулярно оновлювати прайси для партнерів, не витрачаючи час на ручний відбір позицій.

У розділі «Налаштування магазину» власник акаунту може задати назву і логотип свого магазину, контактні телефони, години роботи, вибрати корпоративний колір сайту, завантажити банер з акційною пропозицією й активувати/деактивувати його. Таким чином партнери Stream Market отримують персоналізовану вітрину у рамках загальної платформи та можуть будувати власний бренд, використовуючи єдину e-commerce інфраструктуру.

Сторінка чек-ауту побудована максимально лаконічно: контактні дані, вибір типу доставки (кур’єр, відділення, поштомат), вибір міста й відділення, способи оплати (накладений платіж, оплата на рахунок, онлайн-оплата карткою). Праворуч — блок кошика з переліком товарів, кількістю, підсумковою сумою та полем для промокоду. Для B2B-покупців важливо швидко оформити велике замовлення без зайвих кроків — саме на це налаштований інтерфейс.

Додатковий екран «Мої обрані» показує, як менеджер працює з великою кількістю позицій: у рамках конкретної вітрини («Зима 2022» тощо) відображається довгий список товарів із можливістю миттєво змінити кількість, додати у замовлення або видалити з добірки. Такий сценарій особливо зручний для сезонних закупівель та повторних оптових поставок.

Аудиторія та користувацький досвід

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

• Власники роздрібних магазинів. Оновлюють асортимент, замовляють популярні позиції через вітрини та обрані списки, користуються оптовими цінами й бонусами.
• Будівельні компанії та підрядники. Формують великі замовлення під конкретні об’єкти, цінують швидку доставку й можливість повторно замовити ті самі позиції з історії.
• Сільськогосподарські підприємства. Закуповують товари для сезонних робіт і господарства, орієнтуються на комплексні поставки «все в одному місці».
• Служби ремонту й монтажу. Регулярно поповнюють запаси витратних матеріалів і використовують опцію швидкого замовлення з обраних списків.
• Оптові покупці з регіонів. Завдяки продуманій логістиці можуть замовляти великі партії з доставкою по всій Україні, не відвідуючи склад особисто.

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

Результати для бізнесу

Запуск оновленого сайту дозволив Stream Market вивести оптовий напрямок на новий рівень та суттєво зменшити операційні витрати.

• Каталог понад 100 000 SKU — будівельні, господарські, побутові й сезонні товари структуровані в зручне дерево категорій.
• Оптимізований пошук та фільтри дають змогу швидко знаходити потрібні позиції за характеристиками, категоріями, брендами.
• Особистий кабінет і система обраного спростили повторні закупівлі та роботу з великими оптовими заявками.
• Гнучка бонусна та цінова політика з урахуванням обсягів закупівель і статусу клієнта підвищила лояльність постійних партнерів.
• SEO-підготовка забезпечила коректну індексацію, швидке завантаження сторінок та зростання органічного трафіку.
• Інтеграція логістики й управління замовленнями автоматизувала процеси та скоротила час обробки заявок.

У результаті Stream Market отримав не просто сайт-каталог, а повноцінну B2B-платформу, яка об’єднує продажі, логістику, систему лояльності та самообслуговування клієнтів.

Технічна реалізація

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

• CMS: OpenCart 3.x з кастомними модулями для B2B-функціоналу.
• Front-end: HTML5, CSS3, JavaScript, адаптивна верстка під десктоп, планшети та смартфони.
• Back-end: PHP, MySQL, оптимізовані запити для роботи з великим каталогом.
• UI-бібліотека: Bootstrap + кастомні компоненти для особистого кабінету, таблиць і форм.
• Інтеграції: модулі доставки, бонусна система, логістичні та внутрішні CRM/ERP-процеси управління замовленнями й складом.
• SEO: дружні URL, мікророзмітка schema.org, Open Graph, оптимізовані мета-теги, robots.txt, sitemap.xml.
• Безпека: HTTPS, захист форм, контроль прав доступу, регулярні оновлення CMS та модулів.
• Тестування: UX-тести, перевірка швидкодії, кросбраузерність, навантажувальні тести.

Над проєктом працювала команда з восьми фахівців: проджект-менеджер, UI/UX-дизайнер, front-end та back-end розробники, DevOps-інженер, SEO-спеціаліст, QA-інженер і контент-менеджер. Сьогодні Stream Market використовує цю платформу як основний канал оптових онлайн-продажів та базу для подальшого масштабування бізнесу по всій Україні.