MixMee
Sklep internetowy z konfiguratorem produktu
Zbudowaliśmy cały sklep od zera: projekt graficzny, front, dwa autorskie konfiguratory produktu, katalogi z filtrowaniem, koszyk, integracje wysyłki i płatności oraz panel administracyjny. Serwis stoi na Next.js i TypeScripcie, hosting prowadzi Vercel, a produktami, treścią i zamówieniami właściciel zarządza w Optiweb CMS. Najciekawszą częścią wdrożenia były konfiguratory, bo produkt składany przez klienta musiał trafiać do tego samego koszyka co gotowy.
Wykorzystane technologie
Co złożyło się na to wdrożenie
Sklep sprzedaje dwa typy produktu naraz: gotowy z katalogu i składany przez klienta od zera. Trzeba było zaprojektować konfiguratory prowadzące przez kilkadziesiąt możliwych kombinacji bez przytłoczenia kupującego, a potem spiąć oba typy w jednej ścieżce zakupowej.
Przebieg produkcji sklepu
Układ całego serwisu zbudowaliśmy wokół jednej obietnicy widocznej na pierwszym ekranie. Strona główna prowadzi od hasła przez konfigurator, wartości marki i produkty polecane aż po akcesoria i drugi konfigurator, więc każdy ekran pcha odwiedzającego o krok dalej.
Zaprogramowaliśmy kreator dzielący wybór na pięć etapów zamiast wysypywania wszystkich opcji naraz. Do każdej opcji dopisaliśmy krótką notkę smakową, a limity wyboru pilnują, żeby powstała mieszanka miała sens technologiczny, nie tylko formalnie się zapisała.
Drugi kreator ma dziewięć etapów i osobne limity składników w każdej kategorii. Zbudowaliśmy go na tej samej logice co pierwszy, ale z inną strukturą danych, bo herbata ma znacznie więcej zmiennych niż kawa.
Wdrożyliśmy listy gotowych produktów i akcesoriów oraz wspólny katalog całego sklepu, każdy z własnym zestawem filtrów, sortowaniem i paginacją. Karty pokazują parametry istotne dla wyboru i pozwalają dodać produkt do koszyka bezpośrednio z listy.
Produkty konfigurowane i gotowe spięliśmy w jednej ścieżce zakupowej. Podpięliśmy dostawę InPost do paczkomatu i kurierem oraz płatności PayU obsługujące szybki przelew, BLIK i kartę, obok zwykłego przelewu bankowego.
Sklep uruchomiliśmy na Vercel i podpięliśmy do panelu Optiweb CMS, w którym właściciel prowadzi produkty, treść stron i zamówienia. Zdjęcia produktów trzymamy w magazynie plików Supabase, a całość domyka formularz kontaktowy i komplet stron informacyjnych sklepu.
Zamów bezpłatną konsultację
Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.