Rubik

Разработка интернет-магазина женской одежды - Doran

Doran

Название компании

Doran

Сфера

Розничная торговля женской одеждой.

Продукт

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

Расположение

Украина

Время разработки

2 місяці

Главное о разработке

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

О клиенте

Doran – Украинский бренд классической женской одежды, сочетающий практичность и элегантность, чтобы каждая вещь легко вписывалась в каждый гардероб, от деловых встреч до прогулок по городу.

Задачи

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

  1. Удобная навигация по модификациям: Создать логическую и интуитивно понятную архитектуру карт товаров, где клиент может легко выбирать размеры и переключаться между разными цветами одной модели.
  2. Гибкое управление размерными сетками: Разработать инструмент для админ-части сайта, позволяющий автоматизировать добавление уникальных таблиц размеров для разных типов одежды (платья, костюмы, пальто).
  3. Глубокая интеграция с KeyCRM: Настройка стабильного двустороннего обмена данными для полной синхронизации каталогов, складских остатков и автоматической выгрузки новых заказов.
  4. Оптимизация логистики и безопасной оплаты: Интегрировать сервисы «Новая Почта» и LiqPay, реализовав защищенный механизм предоплаты для минимизации убытков от не изъятых посылок.
  5. Содержание клиентов: Создать функциональный личный пользовательский кабинет для повышения процента повторных продаж (LTV) и удобного отслеживания заказов.
Doran

Процесc

Разработка интернет-магазина проходила поэтапно, с соблюдением технических стандартов 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.

Хотите себе такой же сайт?

Начните сейчас!