Интернет-магазин · каталог, заказ и доставка

XO Flowers: интернет-магазин с доставкой и онлайн-оплатой

Полный путь заказа: каталог, варианты, корзина, доставка, онлайн-оплата T‑Bank, бонусы, уведомления и ролевая админка.

Открыть рабочий сайт

Главная страница

Прокрутите вниз для полного просмотра

Загружается полная страница проекта…

Готовый продукт

Что получил клиент

Задача

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

Особую сложность создавали варианты и составные наборы, зоны доставки, бонусные операции, платёжные статусы и защита от повторного создания заказа.

Переданная система

Клиент получил рабочий PWA-магазин, административную систему, базу каталога, оформление заказа, доставку по зонам, онлайн-оплату, бонусный учёт и уведомления.

Система развёрнута на сервере, работает с PostgreSQL и поддерживает мобильный сценарий установки как приложение.

Рабочие сценарии

Путь от каталога до заказа

Каждый пункт описывает конкретную функцию запущенного продукта.

Каталог, категории и поиск

Каталог разделён на категории, поддерживает поиск и фильтрацию доступных позиций. Покупатель быстрее переходит от повода или запроса к подходящему букету.

Открыть рабочий экран

Карточка, варианты и связанные товары

Карточка показывает галерею, описание, цвет, цену, наличие и подходящие дополнения; для наборов доступны варианты размера и количества. Один экран даёт достаточно данных для выбора и увеличивает состав заказа без отдельного поиска.

Открыть рабочий экран

Избранное и корзина

Выбранные позиции сохраняются, количество меняется в корзине, сумма пересчитывается до оформления. Покупатель может вернуться к выбору и проверить заказ до передачи данных.

Открыть рабочий экран

Оформление, доставка и оплата

Checkout собирает контакты, предлагает доставку или самовывоз, принимает адрес и показывает состав и итог. После серверной проверки создаётся платёж T‑Bank. Путь покупки проходит в одном интерфейсе, а сумма доставки определяется по настроенным зонам.

Открыть рабочий экран

PWA и mobile

Магазин адаптирован для телефона и может устанавливаться как PWA; корзина сохраняется локально между посещениями. Покупатель получает быстрый мобильный путь без отдельной нативной разработки.

Управление и автоматизация

Заказы, доставка и ассортимент в одной админке

Каталог и доступность

В админке редактируются товары, категории, изображения, варианты, размеры, цвета, дополнительные опции, цены и остатки. Ассортимент и доступность обновляются без выпуска новой версии приложения.

Заказы и статусы

Сотрудник видит заказ, состав, способ получения, платёжный статус и историю изменений; права зависят от роли. Флорист и владелец работают с одним источником данных, не раскрывая лишние разделы.

Доставка, промокоды и бонусы

Настраиваются зоны и стоимость доставки, самовывоз, промокоды, сертификаты и бонусные операции. Коммерческие правила меняются в рабочем интерфейсе, а расчёты использует checkout.

Уведомления

События заказа отправляются по SMS, email и Telegram по настроенным получателям. Покупатель получает подтверждение, а команда быстрее узнаёт о новом заказе.

Сложная часть проекта

Расчёты, оплата и защита заказа

Создание заказа без дублей

Checkout использует ключ повторяемости и синхронную защиту от двойной отправки; сервер пересчитывает товары, скидку и бонусы. Повторный клик или сетевой повтор не создаёт второй заказ и не списывает бонусы дважды.

Доставка по зонам

Координаты адреса проверяются по полигонам зон, а итоговый расчёт повторяется на сервере. Стоимость не зависит только от отображения на клиентском экране.

Платёжная сверка

Платёжный webhook принимается только после проверки данных, статусы хранятся отдельно, чек содержит позиции заказа. Состояние оплаты можно обработать повторно и сопоставить с заказом.

Визуальные доказательства