Онлайн каталог PepsiCo
PepsiCo Ukraine - підрозділ одного з найбільших харчових конгломератів планети, що управляє в Україні портфелем із 18 брендів: від Pepsi, 7Up та Mirinda до Sandora, Lay's, Cheetos, Агуша та
Слов'яночка. Десятки категорій, сотні SKU, тисячі торгових партнерів по всій країні. Дистриб'ютори, мережі, HoReCa-оператори потребують доступу до актуальної продуктової інформації: фото пакування, GTIN-коди,
характеристики, логотипи брендів у різних форматах. Раніше ці запити оброблялись вручну через менеджерів. PepsiCo потрібна була єдина цифрова платформа, де будь-який партнер самостійно знаходить потрібний товар,
завантажує матеріали та формує вибірку - а менеджер оновлює весь каталог одним завантаженням файлу.
Завдання
Розробити на Yii2 ecommerce-каталог продукції PepsiCo Ukraine з повнотекстовим пошуком, багаторівневою фільтрацією та можливістю завантаження продуктових матеріалів у різних форматах. Реалізувати мегаменю з
ієрархією категорій, картки товарів з GTIN-кодами та мультиплікаторами фасування, детальні сторінки з галереєю та акордеоном характеристик, систему обраного зі збірним завантаженням, логобук брендів із завантаженням у
векторному та растровому форматах, каруcель переглянутих товарів. Побудувати адмін-панель з імпортом та експортом каталогу через XLS-файли великого обсягу для синхронізації з обліковою системою. Забезпечити двомовний
інтерфейс (UA/EN), адаптивну верстку та інтеграцію Google Analytics.
Що зроблено
- Розроблено бекенд на Yii2 з архітектурою, розрахованою на каталог із сотнями SKU, 18 брендами та десятком продуктових категорій з можливістю масштабування без зміни структури.
- Реалізовано мегаменю з шістьма кореневими розділами (Напої, Соки, Снеки, Молочна продукція, Дитяче харчування, Логотипи) та вкладеними підкатегоріями з dropdown-навігацією: Напої розкриваються на Газовані напої, Холодний чай, Мінеральну воду, Сік.
- Побудовано головну сторінку каталогу з сіткою категорій 3×3: кожна категорія представлена повноколірним фото продукту з назвою на синій плашці та кнопкою переходу, що дає миттєве розуміння асортименту.
- Створено секцію «Бренди» з сіткою 6×3 логотипів усіх 18 брендів портфеля (Pepsi, Mirinda, 7Up, Evervess, Lipton, Aqua Minerale, Карпатська Джерельна, Sandora, Sandora Frutz, Садочок, Lay's, ХрусTeam, Cheetos, Агуша, Слов'яночка) з переходом у фільтрований каталог при натисканні на бренд.
- Реалізовано сторінку категорії з бічною панеллю фільтрів: мультивибір за підкатегорією (чекбокси), dropdown-фільтри за брендом та вагою/об'ємом, перемикач відображення плитка/список, чекбокс «Обрати всі» для масових операцій.
- Розроблено картку товару в каталозі з шістьма інформаційними шарами: фото пакування, бейдж-мультиплікатор фасування (×4, ×6, ×12), назва бренду, найменування товару з характеристиками (об'єм, тип тари), GTIN-штрихкод, кнопки додавання в обране та індивідуального завантаження матеріалів.
- Побудовано детальну сторінку товару з каруcельною галереєю з мініатюрами, назвою, кнопкою «Завантажити інформацію», GTIN-кодом та акордеоном «Характеристики» з таблицею параметрів (GTIN, найменування, бренд, об'єм, тип пакування).
- Створено повнофункціональну систему обраного (wishlist) з лічильником в хедері, сторінкою «Обране» з тими ж режимами відображення та фільтрації, можливістю обрати кілька товарів та збірно завантажити їхні матеріали одним архівом через кнопку «Завантажити інформацію».
- Реалізовано розділ «Логотипи» - логобук усіх брендів PepsiCo з сіткою логотипів у кількох версіях (кольоровий, монохромний, інвертований) та контекстним dropdown-меню завантаження: «Всі формати», «Векторне зображення» (SVG/AI), «Растрове зображення» (PNG/JPG).
- Побудовано каруcель «Переглянуті товари» з горизонтальним скролом та стрілковою навігацією, яка відображається на сторінках категорій та в обраному для швидкого повернення до раніше переглянутих позицій.
- Реалізовано повнотекстовий пошук з підказками по всьому каталогу: за назвою товару, брендом та GTIN-кодом з миттєвою видачею результатів.
- Побудовано адмін-панель з механізмом імпорту каталогу через завантаження XLS-файлу великого обсягу: парсер обробляє тисячі рядків з назвами, характеристиками, GTIN-кодами, прив'язками до категорій та брендів, оновлюючи каталог без ручного введення. Реалізовано зворотній експорт актуальних даних із сайту назад у XLS для синхронізації з обліковою системою менеджера.
- Підключено Google Analytics з налаштуванням подій для відстеження: перегляди категорій, кліки по товарах, додавання в обране, завантаження матеріалів та логотипів - для аналізу поведінки партнерів у каталозі.
- Реалізовано двомовний інтерфейс (UA/EN) з перемикачем у хедері для роботи як з українськими, так і з міжнародними партнерами.
- Виконано адаптивну верстку з окремою мобільною версією: двоколонкова сітка категорій, бургер-меню з повною навігацією, оптимізовані картки товарів та swipe-галерея на детальній сторінці.
Розкажіть про Ваш проєкт