Platinum Konfigurator Karmy
Inteligentny konfigurator i wyszukiwarka karmy osadzona w sklepie Platinumpolska.pl (PrestaShop). W 6 krokach zbiera informacje o psie i podpowiada dopasowaną karmę, łącząc się w czasie rzeczywistym z katalogiem produktów sklepu.
- Klient
- Platinum Polska
- Branża
- Pet care
- Zakres
- E-commerce
Efekty
Co udało się osiągnąć
Dobór karmy w 6 krokach
Live sync z katalogiem PrestaShop
Osadzony w sklepie PrestaShop
Intuicyjna nawigacja krok po kroku
Płynne przejścia bez przeładowań
Lekki, błyskawiczny moduł (Vite)
Wyzwanie
Punkt wyjścia
Platinumpolska.pl ma szeroki katalog karm, ale klient często nie wie, którą wybrać dla swojego psa. Wiek, aktywność, rasa i potrzeby zdrowotne mają znaczenie, a przeglądanie kolejnych produktów po kolei zniechęca i obniża konwersję.
Wyzwaniem było dodanie do istniejącego sklepu na PrestaShop inteligentnego doradcy, który w kilku krokach zawęża wybór do właściwej karmy, w oparciu o realny, aktualny katalog sklepu i bez jego przebudowy.
Rozwiązanie
Jak podeszliśmy
Zbudowaliśmy lekki konfigurator (React + TypeScript + Vite), który prowadzi klienta przez 6 kroków pytań o psa i podpowiada dopasowaną karmę. Interfejs jest szybki, dostępny i osadzony bezpośrednio w sklepie.
Backend (Node.js + Express 5) łączy się z katalogiem PrestaShop przez Webservice API, więc rekomendacje zawsze wskazują realnie dostępne produkty. Kontrakt API opisaliśmy w OpenAPI 3.1, a dane trzymamy w PostgreSQL (Drizzle ORM).
- Konfigurator doboru karmy w 6 krokach
- Integracja z katalogiem PrestaShop (Webservice API)
- API REST udokumentowane w OpenAPI 3.1
- Osadzenie widgetu w istniejącym sklepie
Efekt
Co to dało klientowi
Zamiast przeglądać cały katalog, klient sklepu w sześciu krokach dostaje karmy dobrane do swojego psa, zawsze z aktualnej oferty. Konfigurator działa w istniejącym sklepie PrestaShop, bez jego przebudowy i bez ręcznego utrzymywania listy produktów.
Technologie
Stack i zakres prac
Frontend
konfigurator- React
- TypeScript
- Vite
- Tailwind CSS · style interfejsu
- Radix UI / shadcn/ui · komponenty interfejsu
- React Query · komunikacja z API i dane
- React Hook Form + Zod · formularze i walidacja
- Framer Motion · animacje
- Wouter · routing
Backend
API- Node.js
- TypeScript
- Express 5
- REST API · OpenAPI 3.1
- PrestaShop Webservice API · integracja z katalogiem
Dane i infrastruktura
- PostgreSQL
- Drizzle ORM
Sklep Platinum Polska
Platinum Polska · Pet care
Zobacz projekt
Masz podobny projekt na oku?
Opowiedz nam o swoim pomyśle, a przygotujemy bezpłatną, niezobowiązującą wycenę.