Piton Studios
Piton Studios
[08]

Ambalaj Cini

2022
[ ВИДЕО · ПРОЕКТ ]
Клиент
Ambalaj Cini
Год
2022
Объём
E-commerce, web design, payment
Роль
Design / Development
§ Детали проекта

Ambalaj CiniE-commerce + управление рекламой — рост компании на 30% через Google Ads и Meta.

Для Ambalaj Cini из Биледжика мы вели разработку платформы онлайн-продаж на Next.js/React: платёжная интеграция, управление товарами и поток заказов в одной системе.

Параллельно мы настроили и вели кампании Google Ads и Facebook (Meta) — эта работа принесла компании рост на 30%. Конкретное, ориентированное на результат доказательство нашего сервиса управления рекламой.

E-commercePayment IntegrationNext.jsPostgreSQL

Задача

Ambalaj Cini из Биледжика нужна была платформа для онлайн-продажи упаковочных и чистящих товаров с управлением заказами, складом, доставкой и счетами из одного места. Существующая система не обладала гибкостью для растущего каталога товаров и увеличивающегося объёма заказов; приём платежей, отслеживание доставки и внутренняя операционка (склад, бухгалтерия, CRM) велись отдельно друг от друга. Компании нужен был одновременно быстрый и безопасный интерфейс покупки для клиента и back-office, из которого вся операционная деятельность управляется из одной панели.

Решение

Мы построили систему электронной коммерции на Next.js и PostgreSQL (база данных, аутентификация, хранилище файлов), объединив клиентскую витрину и полноценный back-office в одной платформе. На витрине — каталог, акции, корзина и отслеживание заказа/доставки; в панели управления — товары/склад, заказы, доставка, счета, бухгалтерия, CRM и управление акциями с доступом по ролям (admin/staff). Приём платежей автоматизирован через интеграцию с PayTR iFrame API, доставка — через интеграцию с DHL; статус заказа и статус доставки синхронизируются в обе стороны. Из соображений безопасности для входа в админку обязательна многофакторная аутентификация (TOTP), действует rate-limit на Upstash, Content-Security-Policy, а в рамках KVKK (турецкого закона о защите персональных данных) пользователь может управлять своими данными самостоятельно. Цена всегда рассчитывается на сервере, из базы данных; мутации проходят через Next.js Server Actions с валидацией Zod. Критичные сценарии закрыты юнит-тестами Vitest и E2E-тестами Playwright.

Ключевые технические решения

  • Приём карточных платежей через PayTR iFrame API и отслеживание доставки через интеграцию с DHL синхронизированы со статусом заказа в обе стороны.
  • В админ-панели обязательна многофакторная аутентификация (TOTP); правило владельца аккаунта и rate-limit на Upstash блокируют несанкционированный доступ и попытки подбора пароля.
  • Цена всегда рассчитывается на сервере из базы данных; мутации выполняются через Server Action с валидацией Zod, а сумме, пришедшей от клиента, не доверяют.
  • Веб-пуш-уведомления (VAPID) и транзакционные письма через Resend мгновенно сообщают об изменении статуса заказа, оплаты и склада и клиенту, и команде.
  • Юнит-тесты Vitest и E2E-тесты Playwright (авторизация, оплата, доставка, поиск и другие критичные сценарии) проверяются в конвейере непрерывной интеграции.

Технологии

Next.jsPostgreSQLTypeScriptPayTRDHL APIZodUpstashResendPlaywrightVitest

Результат

Теперь Ambalaj Cini управляет каталогом, заказами, оплатой, доставкой и бухгалтерией из единой системы, силами собственной команды, от начала до конца. Карточные платежи и отслеживание доставки автоматизированы, доступ в админку защищён многофакторной аутентификацией, уведомления клиентам и команде приходят мгновенно. Вместе с разработкой мы вели рекламные кампании в Google Ads и Meta, благодаря которым компания добилась роста на 30%.

Связанные решения