Katalog Pośrednika — interaktywny katalog donic z kalkulatorem
Interaktywny katalog produktów dla dystrybutora donic kompozytowych: 72 warianty, kalkulator wyceny na miejscu, eksport PDF oferty, dark mode, integracja z Supabase.
Sytuacja
Dystrybutor operuje na rynku B2B — architekci, deweloperzy, zarządcy nieruchomości. Poprzedni katalog: PDF statyczny wysyłany mailem. Problem: klient nie może samodzielnie skonfigurować wariantu i dostać wyceny — każde zapytanie wymagało telefonu do handlowca.
Trudność / Cel
Zbudować interaktywny katalog online: (1) filtry po kształcie/rozmiarze/kolorze, (2) kalkulator wyceny na miejscu (ilość × cena netto + rabat + VAT), (3) eksport oferty do PDF z logo klienta, (4) dark mode dla showroomów, (5) panel admina do aktualizacji cen bez dewelopera.
Akcja
- 1.Stack: Next.js 16 + Supabase (baza produktów + admin panel) + Tailwind 4 + dark mode.
- 2.Kalkulator wyceny: ilość × cena_netto × (1 - rabat/100) × 1.23 — generuje PDF z React-PDF.
- 3.Filtrowanie po 4 wymiarach (kształt / rozmiar / kolor / kolekcja) z URL params (shareable links).
- 4.Panel admina w Supabase Studio — handlowiec aktualizuje ceny bez dewelopera.
- 5.Dark mode system: próbuje OS preference, toggle w headerze, persystuje w localStorage.
- 6.Eksport PDF: oferta z logo klienta, tabelka produktów, suma netto/VAT/brutto, stopka z danymi kontaktowymi.
Rezultat
"Klienci przychodzą na spotkanie z już skonfigurowaną ofertą. Rozmowa zaczyna się od szczegółów, nie od podstaw."
Stack technologiczny
Masz podobny problem?
Sklep z konfiguratorem 3D od 990 zł, sklep + 3D od 3 490 zł. Każda wycena indywidualna w 24h od briefa — skala, ilość wariantów i integracje wpływają na cenę.
Zamów wycenę w 24h