Розробка e-commerce-екосистеми для PL Beauty
PL Beauty (Професійна Лінія) — один із провідних українських дистриб’юторів професійної косметики для волосся та салонів краси. Компанія понад 10 років працює з міжнародними брендами Lanza, Cutrin, Shot, Team 155, розвиває партнерську мережу по всій Україні та інвестує в навчання майстрів. Завданням Promodex було перетворити розрізнені онлайн-інструменти компанії на єдину цифрову екосистему: інтернет-магазин, навчальний центр і корпоративний портал для B2B-партнерів з повною інтеграцією з 1С.
Головна сторінка зустрічає користувача великим промо-банером із ключовими брендами та закликом створити «свій образ». Нижче розміщено блок «Новинки», акційні пропозиції, підбірки товарів та швидкі посилання на бренди й колекції. Інтерфейс побудовано так, щоб кінцевий покупець, майстер салону чи дистриб’ютор однаково швидко знаходили потрібний товар або розділ, не витрачаючи час на зайві кліки.
Вихідні дані та цілі проєкту
До старту співпраці PL Beauty вже мали інтернет-магазин, але він не покривав усі бізнес-процеси компанії. Облік залишків та акцій вівся в 1С, навчальні програми існували окремо, а робота з дистриб’юторами та майстрами частково відбувалася «вручну» через листи, Excel і месенджери. Компанії був потрібен єдиний цифровий центр управління продажами, навчанням і партнерськими програмами.
Основні цілі проєкту:
- створити сучасний інтернет-магазин на OpenCart 3.0 з акцентом на професійні бренди та зручну навігацію;
- інтегрувати 1С для двостороннього обміну товарами, цінами, залишками та статусами замовлень у режимі реального часу;
- розгорнути навчальний модуль із семінарами, курсами, тренерами та оплатою участі через LiqPay;
- реалізувати особисті кабінети для клієнтів, майстрів і дистриб’юторів із персональними знижками й доступом до спеціальних прайсів;
- забезпечити повну адаптивність і високу швидкість роботи сайту на всіх пристроях;
- побудувати аналітику на базі GA4, GTM та Facebook Pixel, а також посилити SEO-основу ресурсу.
По суті, ми вирішували завдання комплексної digital-трансформації: поєднати e-commerce, освіту та партнерський бізнес у єдиній масштабованій платформі PL Beauty.
Каталог брендів і робота з асортиментом
Одна з ключових вимог клієнта — дати брендам власний простір усередині сайту, щоб кожен партнер міг презентувати свою лінійку засобів максимально професійно. Для цього ми реалізували окремі бренд-сторінки з описом, логотипом, банерами, фільтрами та відфільтрованим каталогом продукції.
На сторінці L’ANZA користувач бачить бренд-блок із логотипом і текстом про концепцію догляду, а нижче — список засобів із можливістю сортування, фільтрації за ціною та типом продукту. Зліва налаштовуються фільтри по брендах, серіях і діапазону цін. Такий підхід поєднує в собі функціональність каталогу та презентаційний формат бренд-лендингу.
Картка товару та сценарії покупки
Серцем будь-якого інтернет-магазину є картка товару. Для PL Beauty важливо було не лише показати ціну й фото, а й розкрити професійні характеристики продукту, доступні об’єми, умови доставки та можливість швидкої покупки для зайнятих майстрів і дистриб’юторів.
У картці товару користувач одразу бачить великий блок із фото, актуальну ціну, вибір об’єму, кнопку «Купить» і опцію «Купить в 1 клик». Праворуч — блок доставки з детальними варіантами: самовивіз, відправка Новою поштою, кур’єрська доставка, інші служби. Нижче реалізовано вкладки «Характеристики», «Все о товаре», «О бренде», «Отзывы», що допомагає поєднати докладний опис з професійними рекомендаціями й відгуками клієнтів.
Контакти та географія присутності
PL Beauty працює по всій Україні, тому важливо було чітко показати географію офісів і каналів комунікації. Ми реалізували окрему сторінку контактів із інтерактивною картою й блоками регіональних представництв.
У верхній частині сторінки розміщено карту з маркером головного офісу та окремий блок із адресою, телефонами та email. Нижче — сітка офісів по містах (Київ, Харків, Львів, Житомир тощо) з адресами та контактними телефонами. Така структура спрощує комунікацію для B2B-партнерів і салонів краси, які працюють із локальними представництвами.
Про компанію та робота з брендом
Для професійного сегменту краси іміджева складова не менш важлива, ніж сам функціонал магазину. Тому в окремий розділ «Про нас» ми винесли історію бренду, місію компанії та пояснення, чому PL Beauty — надійний партнер для салонів і майстрів.
На сторінці «Про нас» користувача зустрічає великий візуальний блок із моделью та слоганом, який підкреслює ідею професійних відкриттів у beauty-сфері. Нижче йде текстовий блок із описом компанії, її підходу до роботи з брендами та клієнтами. Це допомагає сформувати довіру, особливо для нових партнерів і салонів, які розглядають співпрацю з PL Beauty.
Доставка, оплата та сервіс
Щоб зняти бар’єри при оформленні замовлень, ми детально пропрацювали розділ «Доставка і оплата». Окремий лендінг пояснює всі сценарії: від накладеного платежу до безготівкового розрахунку для юридичних осіб.
На сторінці представлено великий банер, що візуально підтримує тему сервісу, і структурований текст з описом способів оплати: готівка, банківська карта, безготівковий розрахунок, онлайн-платіж. Клієнт одразу розуміє, як буде оброблено замовлення, які терміни доставки та на яких умовах можна відмовитись від покупки.
Навчальний модуль і робота з майстрами
Важливою частиною проєкту став навчальний модуль: PL Beauty проводить семінари, курси й презентації брендів для майстрів і партнерів. Ми реалізували розклад подій, сторінки тренерів, реєстрацію моделей та оплату участі через LiqPay.
Майстри можуть авторизуватися в особистому кабінеті, переглянути заплановані заходи за брендами або містами, зареєструватися на семінар, оплатити участь онлайн та отримати нагадування. Для організаторів це означає прозорий облік учасників, оплати та завантаженості груп.
Інтеграція з 1С та автоматизація
Щоб виключити ручну роботу та звести до мінімуму ризик помилок у цінах і залишках, ми налаштували двосторонню інтеграцію з 1С. Обмін даними відбувається за розкладом і тригерно: з 1С в OpenCart потрапляють товари, характеристики, акції та залишки, а назад повертаються замовлення, статуси оплат і відвантажень.
Така модель дозволяє використовувати 1С як єдине «джерело правди» для обліку, а сайт — як фронт-офіс для продажів і взаємодії з клієнтами. Менеджери не дублюють інформацію вручну, а користувач завжди бачить актуальні ціни та наявність.
Технічна архітектура та стек
Платформа PL Beauty побудована на CMS OpenCart 3.0 із глибокою кастомізацією. Фронтенд реалізовано на Bootstrap 3.3.5, jQuery 2.1.1, бібліотеках Swiper, Tippy.js 6, Popper 2, Spin.js, Onsen UI і Font Awesome. Це забезпечує адаптивність інтерфейсу, плавну анімацію та зручну роботу на мобільних пристроях.
На бекенді використано PHP, MySQL і Nginx, а інтеграція з 1С реалізована через спеціалізовані модулі обміну. Для аналітики підключено Google Analytics 4, Google Tag Manager і Facebook Pixel, що дозволяє відстежувати конверсії, ефективність рекламних кампаній і поведінку користувачів.
Інфраструктурно сайт працює з використанням Cloudflare CDN, Unpkg, HTTP/3, HSTS і повного набору SEO-налаштувань: Open Graph, Schema.org, sitemap.xml, robots.txt, канонічні посилання, SEO-фільтри. Це забезпечує швидке завантаження сторінок, стабільну індексацію та ефективну роботу рекламних кампаній.
Результати для бізнесу PL Beauty
Після запуску оновлена платформа PL Beauty стала єдиним цифровим центром компанії, який об’єднує роздрібні продажі, B2B-партнерів і навчальні програми. Завдяки двосторонній інтеграції з 1С вдалося зменшити кількість ручних операцій і помилок в обліку, а клієнти отримали завжди актуальні ціни та залишки.
- інтегровано понад 5000+ товарів із автоматичним оновленням залишків і акцій;
- запущено повноцінний навчальний модуль із реєстрацією та оплатою через LiqPay;
- реалізовано B2B-кабінети для дистриб’юторів і майстрів із персональними умовами та прайсами;
- оптимізовано UX і структуру каталогу, що дало приріст конверсії замовлень понад 40%;
- SEO-структура та швидкодія сайту вивели проєкт до ТОП-10 за основними пошуковими запитами в Google.
Сьогодні платформа PL Beauty — це не просто інтернет-магазин, а комплексна e-commerce-екосистема, яка поєднує продажі, освіту й партнерську мережу в єдиному рішенні. Для компанії це означає прозоре масштабування бізнесу, а для клієнтів і майстрів — зручний, зрозумілий і надійний онлайн-сервіс.