Waveside: sklep internetowy marki odzieży surfingowej

Klient i cel

Waveside to marka ubrań surferskich z Pomorza. Projektuje w Gdyni, szyje w polskich szwalniach i ubiera ludzi, którzy wchodzą do Bałtyku także w listopadzie. W ofercie są koszulki z bawełny organicznej z autorskimi nadrukami, bluzy, polary na zimny brzeg i akcesoria.

Marka ma wyraźny charakter: „Baltic, nie Bali”. Sklep musiał więc być czymś więcej niż katalogiem produktów. Celem było pokazanie stylu życia nad morzem i społeczności wokół marki, a jednocześnie szybka droga od pierwszego wejścia do koszyka, także na telefonie.

Co zrobiliśmy

• projekt UX/UI sklepu: strona główna, kategorie, karta produktu, koszyk i ulubione,
• autorskie wdrożenie front-endu (HTML, CSS, JavaScript) bez ciężkich gotowych motywów,
• ilustracje i animacje w stylu marki, m.in. scena „Dzień nad morzem” w pierwszym ekranie,
• wersje językowe PL i EN oraz przełącznik trybu jasnego i ciemnego,
• szybkie dodawanie do koszyka z listy produktów, wybór koloru i rozmiaru,
• moduły angażujące: koło rabatowe z zapisem do newslettera, licznik zimnej wody, lookbook i blog,
• pasek z korzyściami (darmowa dostawa od 299 zł, 30 dni na zwrot, szyte w Polsce) i kodem na pierwsze zamówienie.

Rozwiązanie

Pierwszy ekran. Duże logo, krótki tekst o polarze, pętelce i bawełnie organicznej oraz dwa przyciski: „Zobacz kolekcję” i „Lookbook”. Obok ilustracja zachodu słońca nad morzem z deską surfingową i kartą bestsellera z ceną, więc klient od razu widzi i klimat, i konkretny produkt. Pod spodem przewija się pasek z nazwami plaż: Chałupy, Hel, Jastarnia, Dębki, Łeba.

Zakupy bez zbędnych kliknięć. Sekcja „Wybierz swój brzeg” prowadzi do kategorii Kobiety, Mężczyźni i Akcesoria. „Nowości” mają filtry (bluzy, koszulki, akcesoria), oznaczenia typu Bestseller, Nowość czy Limitowana oraz próbki kolorów. Produkt można dodać do koszyka prosto z listy, a koszyk otwiera się w panelu bocznym, bez przeładowania strony. Pozioma karuzela „Przewiń kolekcję” pokazuje całą ofertę w jednym rzędzie.

Społeczność i marka. „Licznik zimnej wody” zbiera sesje surferów, którzy wchodzą do morza poza sezonem, a sekcja „Baltic, nie Bali.” opowiada historię marki z Półwyspu Helskiego. Kolekcje kapsułowe (#słonawoda, #zostańciepło, Seria Rybacka) i blog „Z wody” z poradnikami budują powód, żeby wracać na stronę także między zakupami.

Newsletter, który się zbiera. Zamiast zwykłego formularza zaprojektowaliśmy koło rabatowe „Zakręć falą”: po zapisie do newslettera klient losuje rabat do −20%, a kod dostaje także mailem. Zgoda na newsletter jest osobnym, dobrowolnym polem.

Design. Ciepła paleta piasku, przygaszonego różu i ciemnego brązu, wyrazista typografia nagłówków i ilustracje produktów w jednym stylu. Tryb ciemny i jasny wybiera użytkownik, a układ jest w pełni responsywny: na telefonie menu chowa się pod ikoną, a najważniejsze korzyści i przyciski zostają na pierwszym ekranie.

Efekt

Waveside ma sklep, który od pierwszego ekranu mówi, dla kogo jest marka, i sprawnie prowadzi do zakupu: z kategorii, z nowości albo z lookbooka. Moduły społecznościowe i koło rabatowe pomagają budować listę mailingową od startu sprzedaży. Sklep zobaczysz pod adresem waveside.pl.

Planujesz sklep dla marki odzieżowej albo produktu z wyraźnym charakterem? Zobacz, jak wygląda tworzenie sklepów internetowych w ITKreatywni.