Магазин подарункових боксів «Свято»

Вступ

Свято.ua – це інтернет‑магазин, що спеціалізується на готових подарункових боксах. Головна сторінка зустрічає відвідувача барвистим банером із меседжем «Подарунки для всіх!» та закликом перейти до каталогу. Користувачі можуть обрати бокси для нього, для неї, для свята або для підтримки ЗСУ через зручне верхнє меню. Платформа розроблена на Django з фронтендом на чистому HTML + JavaScript; усі банери, фільтри та каталоги працюють асинхронно без перезавантаження сторінки.

Завдання

• Створити персональний інтернет‑магазин із великою кількістю подарункових наборів, де кожен набір є комбінацією окремих товарів (айтемів).

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

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

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

• Інтегрувати особистий кабінет, онлайн-оплату, Нову Пошту та форму для корпоративних клієнтів.

• Забезпечити зручну адмін-панель і CRM-модуль із канбан-дошкою, які допомагають менеджерам швидко обробляти замовлення.

Ключові модулі

1. Головна сторінка: банери й новинки

Головний екран містить слайдер з промо‑банерами (сезонні пропозиції, знижки, новинки). Під банером розташовані тематичні блоки («Для Нього», «Для Неї», «Для Свята», «Для ЗСУ»). Далі йдуть розділи «Найпопулярніші товари» та «Новинки», де товари показуються картками зі зірковим рейтингом, ціною, відміткою про акцію та кнопкою «Детальніше». Після перегляду низки товарів можна натиснути «Дивитись більше», щоб асинхронно підвантажити ще набори. Такий підхід забезпечує швидку навігацію та підвищує конверсію.

2. Каталог: фільтри й сортування

Сторінка /catalog/ виводить усі бокси. Відвідувач може:

• Фільтрувати за категоріями (для нього, для неї, для свята, для ЗСУ), ціною та рейтингом за допомогою інтерактивних чекбоксів і полів діапазону.

• Сортувати товари (за ціною, популярністю тощо).

• Побачити кількість товарів у кожній категорії та швидко скинути фільтри.

• Підвантажувати нові товари під час прокрутки.

Кожна картка товару містить фото, назву, стару/нову ціну, рейтинг та кнопку «Детальніше». При наведенні миша змінює фото на другу промо‑картинку або відеоогляд (якщо прикріплено).

3. Сторінка товару: налаштування боксу

Коли покупець переходить на сторінку товару, він бачить:

• Велике фото з галереєю та навігацією (попередній/наступний товар).

• Назву, артикул, рейтинг, актуальну ціну й доступні варіанти упаковки та листівок (вибираються з випадаючих списків).

• Блок «Додаткові позиції» – можна додати марку, листівку чи інші аксесуари.

• Блок «Дата відправки»: магазин динамічно розраховує, коли бокс може бути відправлений; наприклад, у нашому випадку система вказує, що він «може бути відправлено сьогодні».

• Таблицю «Складові елементи» з описом кожного айтему, кількістю в наборі та фотографією.

Зміни варіацій або додавання/видалення айтемів одразу перебудовують склад і вартість набору. Доступність залежить від найменшого залишку серед усіх компонентів.

4. Логістична система

Під капотом магазин виконує функцію логістичної машини:

• Кожен бокс складається з певного набору айтемів.

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

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

• Генератор боксів: за заданими параметрами (тематика, бюджет, кількість позицій) система автоматично формує нові бокси та створює фото‑колаж із зображень айтемів для головного фото набору.

5. Особистий кабінет і оформлення

Користувачі мають особистий кабінет із історією замовлень, можливістю повторити покупку, залишити відгук та отримувати статус замовлення через email‑сповіщення. Оформлення замовлення включає:

• Онлайн-оплату карткою або через Apple/Google Pay.

• Інтеграцію з Новою Поштою, де можна обрати відділення або поштомат й зазначити іншого отримувача.

• Заповнення спеціальної форми для корпоративних клієнтів з індивідуальними пропозиціями та рахунками.

6. Адмін-панель і CRM-система

Адмін-панель — гнучка та інтуїтивна.
Менеджер може:

• швидко додавати нові товари або айтеми;

• комбінувати їх у бокси;

• змінювати фото, опис, склад і ціну прямо з однієї сторінки;

• керувати акціями, тегами, категоріями, рейтингами.

Вбудована CRM-система з канбан-дошкою дозволяє бачити всі замовлення у візуальній формі:

• колонки «Нові», «Оплачені», «У зборці», «Відправлені», «Закриті»;

• drag-and-drop для швидкої зміни статусу;

• автоматичні нагадування та фільтрація за клієнтами.

CRM інтегрована з e-mail повідомленнями, тому покупець отримує сповіщення при кожній зміні стадії.

Додаткові можливості

• Імпорт/експорт CSV для масових оновлень та синхронізації з обліковими системами.

• Інтеграція з Google Merchant Center для автоматичної рекламної кампанії.

• Email‑сповіщення про статуси замовлень, акції та новинки.

• Система відгуків – лише авторизовані покупці можуть залишати відгук, що підвищує довіру до магазину.

Висновок

Свято.ua – це не просто інтернет‑магазин, а повноцінна платформа для подарунків, яка поєднує логістику, персоналізацію і маркетинг. Асинхронні каталоги та динамічні сторінки товарів забезпечують відмінний UX; система збору та логістики гарантовано відправляє замовлення вчасно. Фронтенд, побудований на чистому JavaScript, легко масштабується, а бекенд на Django дозволяє інтегрувати складські й аналітичні модулі. У результаті магазин став ефективним інструментом для продажу боксів і управління складом, дозволяючи клієнтам отримувати персоналізовані подарунки без зайвих зусиль.