Kartoniarz.pl - sklep B2B z opakowaniami kartonowymi
Zbudowaliśmy kompletny sklep B2B dla producenta opakowań kartonowych - od katalogu 31 produktów i konfiguratora pudełek, przez koszyk z kalkulatorem wysyłki i palet, po panel klienta z historią zamówień, śledzeniem i fakturami. Całość liczy ceny progowe (netto/brutto, VAT), waliduje dane firmowe (NIP/REGON) i spełnia wymogi prawne (RODO, Omnibus, prawo odstąpienia), zachowując czytelność i pełną responsywność.
Zakres realizacji
- Strona główna z animowanym hero i autorskimi ilustracjami SVG (scena z kartonami, maskotka) oraz sekcjami: typy kartonów, bento-grid, konfigurator, o nas, kontakt
- Katalog 31 produktów w 6 kategoriach (paczkomatowe / klapowe / fasonowe / wzmocnione / przeprowadzkowe / specjalne) z filtrowaniem po kategorii i okruszkami
- Statycznie generowane podstrony produktów (31) - izometryczny podgląd SVG, wybór tektury, tabela cen progowych, pojemność palety, produkty powiązane i sticky CTA na mobile
- Cennik progowy (rabaty od 100 / 250 / 500 / 1000 szt.) oraz mnożniki materiału (fala 3W-B / 3W-C / 5W) z ceną liczoną na żywo
- Konfigurator pudełka na żywo - suwaki wymiarów (szer. × wys. × gł.), presety S/M/L, obliczanie objętości i powierzchni, izometryczny podgląd 3D oraz eksport JSON
- Koszyk z zapisem w przeglądarce, kontrolą integralności pozycji, licznikiem ilości i miniaturami; kody rabatowe i rozliczenie netto / VAT 23% / brutto
- Kalkulator wysyłki liczący wagę i objętość zamówienia oraz dobierający przewoźnika (Pocztex XL / 2XL / paleta EUR) z optymalizacją liczby paczek i palet
- Panel klienta z danymi B2B (firma, NIP, REGON) i adresem oraz walidacją pól (e-mail, telefon, NIP i REGON z sumą kontrolną, kod pocztowy)
- Historia zamówień z rozwijanymi szczegółami i statusami (nowe / w produkcji / wysłane / dostarczone), „zamów ponownie" i pobraniem faktury
- Śledzenie przesyłki - oś zdarzeń z przewoźnikiem, numerem do skopiowania i przewidywaną datą dostawy
- Formularz odstąpienia od umowy (14 dni) prefillowany z konta, z blokadą dla produktów z indywidualnym nadrukiem (art. 38)
- Dedykowany landing „Przeprowadzki" z tabelą pojemności (kawalerka → dom) i ścieżką do konfiguratora
- Strony prawne (regulamin, polityka prywatności i cookies, FAQ) - zgodność RODO i Omnibus (cena z 30 dni); SEO przez dane strukturalne JSON-LD (produkt, FAQ, breadcrumb)
- Tryb jasny/ciemny, nagłówek zwijany przy przewijaniu, lazy-load modali, toasty i pełna responsywność
Technologie
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- lucide-react