Musse — sklep internetowy na PrestaShop

Marka i sklep ruszały równocześnie

Nie było tu poprzedniej wersji ani asortymentu przeniesionego skądinąd. Marka startowała, a sklep powstawał razem z nią: projekt graficzny, front i wdrożenie funkcji były po mojej stronie. Bazą motywu został Falcon.

Prace zaczęły się w lutym 2024, sprzedaż ruszyła w czerwcu.

Dwa języki i cztery waluty

Sklep prowadzi wersję polską i angielską, z prefiksem języka w adresach. Kupujący wybiera też walutę spośród złotego, euro, funta i dolara.

Przy odzieży to nie jest kosmetyka. Cena w obcej walucie i opisy w języku klienta decydują o tym, czy zamówienie z zagranicy w ogóle dojdzie do koszyka.

Sprzedaż przed dostawą towaru

Marka zaczynała od zera, więc kolekcja bywała zapowiadana wcześniej, niż trafiała do magazynu. Sklep pozwala zamówić rzecz, której fizycznie jeszcze nie ma: produkt w przedsprzedaży przyjmuje zamówienie mimo zerowego stanu i jest oznaczony osobną etykietą.

PrestaShop domyślnie blokuje dodanie do koszyka towaru, którego nie ma na stanie, więc obsługa przedsprzedaży sięga aż tam: pozycje nią objęte są rozpoznawane przed sprawdzeniem dostępności i przechodzą dalej, zamiast kończyć się komunikatem o braku.

Mniej pytań do obsługi

Trzy rzeczy na karcie produktu zdejmują ruch z korespondencji ze sklepem:

• tabela wymiarów przy produkcie, w oknie otwieranym z karty
• cechy produktu pokazywane jako etykiety, zamiast ginąć w opisie
• wyraźne oznaczenie rzeczy wyprzedanych, żeby klient nie dochodził tego dopiero w koszyku

W odzieży sprzedawanej bez przymierzenia rozmiar jest najczęstszym powodem zwrotu i najczęstszym pytaniem do obsługi.

Na listach produktów działa też wideo, z możliwością wyłączenia go przy wybranych pozycjach — nie każda rzecz ma materiał filmowy w tej samej jakości.

Szybszy sklep na telefonie

Mobilny wynik PageSpeed strony głównej wynosił 56 punktów, a największy element strony pojawiał się po 11,8 s. Był nim tekst banera cookies, wstawiany przez skrypt na samym końcu strony. Po zmianach wynik to 95 punktów, a LCP spadło do 2,7 s.

Zmiany objęły kilka miejsc:

• skrypt banera zgód startuje wcześniej, więc baner przestał opóźniać pierwsze wyświetlenie strony
• JavaScript motywu jest podzielony na części ładowane tylko tam, gdzie są potrzebne: slider, okna i rozwijane elementy Bootstrapa nie obciążają stron, na których ich nie ma
• pierwsze zdjęcia na liście produktów i główne zdjęcie na karcie produktu ładują się od razu i z wysokim priorytetem, a telefon dostaje zdjęcie w rozmiarze dla swojego ekranu
• zdjęcia produktów i banerów idą w formacie WebP
• Google Tag Manager i Google Analytics wczytują się po pierwszym ruchu odwiedzającego, a w koszyku i przy zamówieniu od razu, żeby konwersje liczyły się bez strat
• piksel Facebooka ładuje się dopiero po zgodzie na marketing, a Consent Mode przyjmuje domyślnie brak zgody

Dwie ostatnie zmiany porządkują też zgodność z RODO. Wcześniej skrypty reklamowe dostawały zgody, zanim odwiedzający cokolwiek wybrał.

Katalog

Asortyment dzieli się na okrycia wierzchnie, garnitury, spodnie i spódnice, bluzki, koszule, zestawy, jeans, dresy, sukienki, stroje kąpielowe i akcesoria. Ceny pojedynczych rzeczy sięgają od kilkuset złotych do blisko czterech tysięcy.

Płatności obsługują PayNow, Przelewy24 i PayPal, przesyłki idą przez InPost.