Обсъди проект
Всички проекти

АВТОАКСЕСОАРИ, ДОМ И ГРАДИНА

Praktik Market

Голям каталог. Удобен избор. Ясна поръчка.

Посети сайта
HeadlessОнлайн магазинAPI интеграцииАвтоматизация
Проект Praktik Market на 88Lab
Реален проект от портфолиото на 88Lab · Praktik Market

01 / КОНТЕКСТ И ЗАДАЧА

Голям каталог. Удобен избор. Ясна поръчка.

Praktik Market събира продукти за автомобила, дома, градината и къмпинга, както и собствена линия платнища и покривала. Задачата беше да превърнем голям доставен продуктов каталог в подреден магазин с актуални цени и наличности, удобна мобилна покупка и реално изчисляване на доставката.

Разработихме самостоятелен интерфейс с индивидуален дизайн, свързан през API с WordPress и WooCommerce за управление на продуктите, съдържанието, клиентите и поръчките. Каталогът, продуктовите страници, количката, профилът и завършването на поръчката следват обща визуална система с ясна типография, меки цветни преливки, илюстративни акценти и плавни анимации.

Каталог, който се обновява автоматично

Свързахме XML продуктов фийд с над 13 000 артикула и ежедневна синхронизация на цените и наличностите. Добавихме функция за ценовите правила, която не натрупва повторно надценка при следващ импорт. Ръчно въведените собствени продукти са отделени от доставчика и се запазват при синхронизацията.

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

Изградихме многостепенна навигация по отдели и подкатегории. На десктоп вложените менюта се отварят встрани при hover, а на телефон отделни стрелки разгъват нивата. Търсенето работи по име и продуктов код с подсказки със снимка и цена. Контекстните филтри, ценовият диапазон и изборът между решетка и списък улесняват сравняването, като запазват избраните настройки и позицията при филтриране.

Собствени продукти с ясен избор на размер

Подготвихме собствените платнища и покривала със снимки, описания, размери, характеристики и цени в евро. Изборът на вариант показва конкретната цена преди поръчка. Галерията позволява увеличаване на снимките и остава видима при по-дълго описание на десктоп, а мобилното действие за поръчка е близо до избрания продукт.

Бърза поръчка и собствен процес на покупка

Посетителят може да остави телефон за бърза поръчка или да премине през количка и пълна форма за покупка. Добавихме директно набиране, промяна на количества, запазване на количката, регистрация, вход и клиентски профил. Проверяваме данните и сумите на сървъра, показваме грешките до полетата и защитаваме поръчката от повторно изпращане. Получените поръчки се управляват в администрацията.

Доставка с Еконт и Спиди с автоматична цена

Свързахме магазина с реалните API на Еконт и Спиди за доставка до офис или адрес. Формата предлага населени места, офиси и улици според избрания куриер. След избор на офис или попълване на адрес доставката и общата сума се преизчисляват автоматично. Настроихме наложения платеж и потвържденията по имейл за клиента и магазина.

Дизайн и съдържание за целия магазин

Разработихме адаптивни оформления с плавно променящи се шрифтове и отстояния, последователни SVG икони, цветни подчертавания, декоративни форми, сенки, hover ефекти и Lottie анимации. Каталогът се допълва от полезни статии, въпроси и отговори, информационни страници и собствена 404 страница. Подготвихме метаданни, канонични адреси, споделяне в социални мрежи и XML карта на сайта.

Пускане на собствен домейн и автоматизация

Преместихме магазина от работната среда на praktikmarket.bg с отделна база данни, HTTPS сертификати и пренасочвания от старите адреси. Прехвърлихме графиците за импорт и фоновите задачи без дублиране и добавихме ежедневни резервни копия. Проверихме реалното записване на поръчки, получаването на имейли, куриерските тарифи и поведението на основните страници при различни ширини на екрана.

02 / КАКВО ИЗГРАДИХМЕ

Детайлите правят
цялото

  • 01Индивидуален интерфейс с WordPress / WooCommerce администрация през API
  • 02Ежедневен XML импорт на над 13 000 продукта, цени и наличности
  • 03Ценови правила и отделно управление на собствените продукти
  • 04Многостепенни менюта за десктоп, мобилно и клавиатура
  • 05Търсене по име и код с продуктови подсказки
  • 06Контекстни филтри, ценови диапазон и Grid / List изглед
  • 07Варианти по размер с конкретна цена и характеристики
  • 08Продуктова галерия с увеличаване и sticky поведение на десктоп
  • 09Бърза поръчка с телефон и директно набиране
  • 10Собствени количка, чекаут, регистрация и клиентски профил
  • 11Еконт и Спиди: офиси, адреси и автоматично изчисляване на доставка
  • 12Поръчки и имейл потвърждения, свързани с администрацията
  • 13Флуидна типография, SVG икони, Lottie и плавни анимации
  • 14Полезни статии, FAQ, информационни страници и собствена 404 страница
  • 15SEO метаданни, канонични адреси и XML карта на сайта
  • 16Миграция, HTTPS, пренасочвания и ежедневни резервни копия
РЕАЛИЗИРАНОТО РЕШЕНИЕ

Praktik Market получи магазин, в който големият автоматично обновяван каталог и собствените продукти работят в обща система. Клиентът може да открие подходящ артикул, да избере вариант, да види доставката и да поръча, а екипът управлява съдържанието, клиентите и получените поръчки от едно място.

Имате подобен проект?

Да поговорим
СЛЕДВАЩ ПРОЕКТ

American Popcorn