Онлайн каталог PepsiCo
PepsiCo Ukraine - подразделение одного из крупнейших пищевых конгломератов планеты, управляющее в Украине портфелем из 18 брендов: от Pepsi, 7Up и Mirinda до Sandora, Lay's, Cheetos, Агуша и
Слов'яночка. Десятки категорий, сотни SKU, тысячи торговых партнёров по всей стране. Дистрибьюторы, сети, HoReCa-операторы нуждаются в доступе к актуальной продуктовой информации: фото упаковки, GTIN-коды,
характеристики, логотипы брендов в разных форматах. Ранее эти запросы обрабатывались вручную через менеджеров. PepsiCo нужна была единая цифровая платформа, где любой партнёр самостоятельно находит нужный товар, скачивает
материалы и формирует выборку - а менеджер обновляет весь каталог одной загрузкой файла.
Задача
Разработать на Yii2 ecommerce-каталог продукции PepsiCo Ukraine с полнотекстовым поиском, многоуровневой фильтрацией и возможностью скачивания продуктовых материалов в разных форматах. Реализовать мегаменю
с иерархией категорий, карточки товаров с GTIN-кодами и мультипликаторами фасовки, детальные страницы с галереей и аккордеоном характеристик, систему избранного со сборной загрузкой, логобук брендов со скачиванием в
векторном и растровом форматах, карусель просмотренных товаров. Построить админ-панель с импортом и экспортом каталога через 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).
- Построена карусель «Просмотренные товары» с горизонтальным скроллом и стрелочной навигацией, отображающаяся на страницах категорий и в избранном для быстрого возврата к ранее просмотренным позициям.
- Реализован полнотекстовый поиск с подсказками по всему каталогу: по названию товара, бренду и GTIN-коду с мгновенной выдачей результатов.
- Построена админ-панель с механизмом импорта каталога через загрузку XLS-файла большого объёма: парсер обрабатывает тысячи строк с названиями, характеристиками, GTIN-кодами, привязками к категориям и брендам, обновляя каталог без ручного ввода. Реализован обратный экспорт актуальных данных с сайта обратно в XLS для синхронизации с учётной системой менеджера.
- Подключен Google Analytics с настройкой событий для отслеживания: просмотры категорий, клики по товарам, добавления в избранное, скачивания материалов и логотипов - для анализа поведения партнёров в каталоге.
- Реализован двуязычный интерфейс (UA/EN) с переключателем в хедере для работы как с украинскими, так и с международными партнёрами.
- Выполнена адаптивная вёрстка с отдельной мобильной версией: двухколоночная сетка категорий, бургер-меню с полной навигацией, оптимизированные карточки товаров и swipe-галерея на детальной странице.
Похожие проекты
Расскажите о Вашем проекте