CASE STUDY
PĘD: sklep online z roślinamiw zakresie pakietu Scale.
To koncept własny ALUK, nie zlecenie. Sklep z roślinami „PĘD” nie istnieje: zbudowaliśmy go, żeby pokazać, co dokładnie mieści się w pakiecie Scale od 14 900 zł. Sklep działa na sklep.madebyaluk.pl razem z koszykiem i panelem sprzedaży, można go przeklikać aż do zamówienia.
Wyzwanie
Mały sklep z roślinami sprzedaje towar, który wygląda tak samo na każdym zdjęciu i różni się dopiero w mieszkaniu klienta. Kupujący nie wie, czy paproć przeżyje u niego przy oknie na północ, więc odkłada zakup albo pyta mailem. Stany są jednostkowe: ostatnia sztuka schodzi w sobotę, a sklep sprzedaje ją jeszcze przez tydzień. Zmiana ceny albo oznaczenie towaru jako wyprzedanego kończy się prośbą do kogoś z zewnątrz.
Koncept odpowiada na to katalogiem filtrowanym po warunkach w domu i koszykiem z jawnie demonstracyjnym zamówieniem. Resztą zarządza właściciel z panelu: stanami, cenami i statusami zamówień.
Decyzje projektowe
- 01
Tło strony zmienia kolor razem ze scrollem.
Każda sekcja ma przypisaną parę kolorów (papier, butelkowa zieleń, śliwka, cytryna, pistacja) i przejmuje tło, gdy mija środek ekranu. Karta produktu dostaje kolor swojej rośliny. To zamiast białej siatki kafelków, po której nie da się poznać sklepu. Nagłówki w Anton, tekst w Work Sans, packshoty na jasnych kaflach, bo tryb multiply topi je na ciemnym tle.
- 02
Filtry po tym, czego kupujący nie wie.
Nie cena i nie kolor doniczki, tylko światło (jasne rozproszone, półcień, pełne słońce) oraz opieka (łatwa, średnia, wymagająca). Licznik pokazuje, ile roślin zostało w wyborze, a puste wyniki mówią wprost, że trzeba poluzować filtr. Te same parametry wracają na karcie produktu razem z wysokością.
- 03
Koszyk i zamówienie demo bez udawania sklepu.
Koszyk siedzi w localStorage, zamówienie dostaje numer i idzie do panelu oraz na skrzynkę ALUK. Ekran potwierdzenia mówi wprost: płatność nie istnieje, kurier nie wyjedzie. Formularz ma pułapkę na boty i pyta o trzy pola zamiast zakładania konta.
- 04
Panel prowadzi sprzedaż, nie tylko treść.
Zamówienie przechodzi statusy od nowego do wysłanego, z notatką w środku. Osobno tabela produktów z ceną i stanem do edycji. Złożone zamówienie zbija stan magazynowy, a przy zerze przycisk „Do koszyka” znika i zostaje „Chwilowo wyprzedane”.
Efekt
Wyłącznie fakty techniczne, bez wyników biznesowych (koncept nie ma klientów).
- Lighthouse
- 97/100
- Waga strony
- 0,33 MB
Ścieżka zakupowa działa od katalogu do potwierdzenia zamówienia, panel również. Animacje mają gałąź prefers-reduced-motion. Zakres odpowiada pakietowi Scale: architektura sklepu z panelem sprzedaży, do tego praca nad wagą strony i Core Web Vitals.
Koncept na żywo
Katalog z filtrami, koszyk i panel sprzedaży są publiczne – możesz przejść całą ścieżkę aż do potwierdzenia zamówienia.
Podobny zakres dla Twojej firmy?
Zacznijmy od konkretów.
Napisz, co sprzedajesz i czego brakuje na Twojej stronie – zaproponujemy zakres, termin i cenę.