Rubik

Розробка інтернет-магазину жіночого одягу - Doran

Doran

Назва компанії

Doran

Сфера

Роздрібна торгівля жіночим одягом від виробника

Продукт

Інтернет-магазин

Розташування

Україна

Час розробки

2 місяці

Головне про розробку

Каталог жіночого одягу з фільтрацією, таблиця розмірів, зв'язка товарів за кольором, інтеграція платіжних систем та служб доставки, індивідуальний дизайн e-commerce проекту на базі OpenCart.

Про клієнта

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

Задачі

Команда Rubik отримала завдання створити сучасний, швидкий та візуально бездоганний інтернет-магазин для бренду класичного жіночого одягу Doran, який би об’єднав зручність користування, масштабованість проєкту.

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

  2. Гнучке керування розмірними сітками: Розробити інструмент для адмін-частини сайту, який дозволив би автоматизувати додавання унікальних таблиць вимірів для різних типів одягу (сукні, костюми, пальта).

  3. Глибока інтеграція з KeyCRM: Налаштувати стабільний двосторонній обмін даними для повної синхронізації каталогів, складських залишків та автоматичного вивантаження нових замовлень.

  4. Оптимізація логістики та безпечних оплат: Інтегрувати сервіси «Нова Пошта» та LiqPay, реалізувавши захищений механізм передоплати для мінімізації збитків від не забраних посилок.

  5. Утримання клієнтів: Створити функціональний особистий кабінет користувача для підвищення відсотка повторних продажів (LTV) та зручного відстеження замовлень.

Doran

Процес

Розробка інтернет-магазину відбувалася поетапно, із чітким дотриманням технічних стандартів e-commerce та фокусом на автоматизацію бізнес-процесів бренду.

Етап 1: Аналітика та проектування архітектури даних

Роботу над проєктом ми розпочали з аналізу бізнес-логіки Doran. Оскільки бренд має велику матрицю товарів за кольорами та розмірами, ми з нуля спроектували правильну структуру даних у KeyCRM, яка згодом стала основою для автоматичного вивантаження всього асортименту на сайт.

Етап 2: Розробка UX/UI та кастомної логіки каталогу

Ми реалізували Mobile-First інтерфейс, адаптований під преміальний сегмент класичного одягу. На цьому ж етапі було запрограмовано складний функціонал зв’язування товарів:

  • Написано AJAX-скрипт для миттєвої зміни кольору в картці товару без перезавантаження сторінки.
  • Створено та впроваджено кастомний модуль розмірних сіток, що дозволяє менеджеру в кілька кліків прикріплювати потрібну таблицю параметрів до будь-якої моделі.

Етап 3: Інтеграція платіжних та логістичних інструментів

Ми підключили API «Нова Пошта» для автоматичного розрахунку вартості доставки та вибору відділень/поштоматів. Для фінансової безпеки бренду ми кастомізували логіку платіжного шлюзу LiqPay: розробили систему роздільних платежів, де під час вибору варіанту «накладений платіж» клієнт має відразу внести фіксовану передоплату через сайт, яка автоматично фіксується системою.

Етап 4: Створення особистого кабінету та синхронізація з CRM

Було розроблено захищений простір користувача, де покупці бачать свої поточні замовлення, історію покупок та ТТН доставки. Паралельно ми налаштували API-міст із KeyCRM: тепер кожна дія покупця на сайті (оформлення замовлення, оплата, зміна даних) миттєво передається в CRM-систему без затримок та участі менеджера.

Етап 5: Тестування, SEO-оптимізація та запуск

Перед релізом команда Rubik провела комплексний технічний аудит. Ми перевірили сайт на відсутність дублів сторінок, оптимізували швидкість завантаження коду під вимоги Google PageSpeed та переконалися у бездоганній роботі всіх автоматичних інтеграцій під навантаженням.

Результат

Впровадження передових архітектурних рішень дозволило перетворити інтернет-магазин Doran на високоефективну e-commerce платформу преміум-сегменту. Комплексна розробка сайтів та інтернет-магазинів від команди Rubik забезпечила повну автоматизацію операційних процесів бренду класичного одягу — від синхронізації складських залишків до оптимізації логістичних ланцюжків.

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

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

  • Створено багаторівневу логіку онлайн-оплати: інтегровано еквайринг LiqPay з унікальним функціоналом безпечної передоплати для замовлень із накладеним платежем, що значно знизило відсоток невідомих відмов на пошті.

  • Автоматизовано обмін даними з KeyCRM: спроектовано та впроваджено двосторонню інтеграцію — від первинного налаштування структури даних у CRM до автоматичного вивантаження каталогів, синхронізації статусів та миттєвої відправки нових замовлень із сайту.

  • Розроблено функціональний простір покупця: інтегровано персональний особистий кабінет клієнта для зручного керування історією покупок, відстеження статусів доставки «Нова Пошта» та збереження улюблених позицій.

Адаптивна версія

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

  • Mobile - 375px
  • Tablet - 991px
  • Laptop - 1399px
  • Desctop - 1920px

Технічні дані

Веб-ресурс Doran спроектовано на базі надійної CMS OpenCart із використанням кастомних модулів для реалізації складної бізнес-логіки без обважнення вихідного коду платформи.

  • Базова платформа: OpenCart 3.x.

  • Інструменти та стек: PHP 7.4, СУБД MySQL, JavaScript, HTML5 / CSS3.

  • Інтеграції та автоматизація: Повна синхронізація з KeyCRM через API (експорт/імпорт товарів та замовлень), логістичний модуль API «Нова Пошта», платіжний шлюз LiqPay з кастомною логікою роздільних платежів (предоплата + накладений платіж).

  • Оптимізація та безпека: Очищення кодової бази від стандартних дублів сторінок CMS, захист персональних даних користувачів у особистому кабінеті, налаштування безпечного з’єднання SSL, адаптація швидкості завантаження під вимоги Google PageSpeed Insights.

  • Склад проектної групи: Lead Developer (Back-end/API), Front-end інженер, UI/UX дизайнер, Project Manager.


Хочете собі такий самий сайт?

Почніть зараз!