VNSK WEAR – Sklep ze streetwearem, który nie sprzeda rozmiaru, którego nie ma w magazynie
VNSK WEAR (VENSKO) to moskiewska marka streetwearowa, która wypuszcza kolekcje w małych dropach. Zaprojektowaliśmy i zbudowaliśmy jej sklep internetowy: monochromatyczną witrynę w duchu lookbooka marki, katalog zasilany na żywo z systemu magazynowego MoySklad, checkout z wysyłką CDEK do Rosji i krajów WNP oraz panel, w którym zespół pracuje bez programisty.
Wyzwanie
Marka, która żyje z dropów, wyprzedaje się rozmiarami, a nie produktami. Bluza może skończyć się w M/L, gdy XS/S wciąż leży na półce, a każde zamówienie na rozmiar, którego już nie ma, zamienia się w zwrot pieniędzy, przeprosiny i klienta, który nie wróci. Stany były w MoySklad, zamówienia przychodziły przez komunikatory, a marka potrzebowała sklepu, który wygląda tak starannie jak jej sesje zdjęciowe i w chwili kliknięcia dokładnie wie, co zostało.
Podejście
MoySklad stał się jedynym źródłem prawdy, a wszystko inne zbudowaliśmy wokół niego. Witryna jest celowo cicha: studyjne zdjęcia na białym tle, kursywowe logo marki i krój maszynowy, żeby mówiły ubrania. Pod spodem każdy rozmiar ma własny stan na żywo, checkout liczy wysyłkę CDEK do miasta kupującego, a zamówienia trafiają do panelu ze statusami, kodami rabatowymi i dostępami dla menedżerów.
Sklep, który wygląda jak lookbook
Marka miała już mocny język wizualny: sylwetki oversize na białym tle, kursywowe logo VENSKO i pewną siebie monochromatyczną paletę. Sklep bierze to wszystko, zamiast dokładać coś od siebie. Pierwszy ekran to zdjęcie dwóch stylizacji z napisem VNSK między nimi i jedną akcją: przejdź do katalogu.
Niżej strona główna działa jak witryna sklepowa:
- New drop – kafelki prowadzą do kategorii, od klasyki i koszul po kapsułę Old Money.
- Bestsellery – karuzela akcesoriów, najprostszego dodatku do zamówienia.
- Filozofia zamyka stronę manifestem marki i prowadzi do lookbooka.
Wszystko, co funkcjonalne, jest złożone krojem maszynowym o stałej szerokości, a logo zostaje dla nagłówków, więc nazwy, rozmiary i ceny czyta się jak metkę na ubraniu.
Stany, które się nie mylą
Każdy produkt, cena i rozmiar pochodzą z MoySklad, systemu, w którym marka już prowadziła magazyn. Nie ma drugiej kopii katalogu do synchronizowania: gdy rozmiar kończy się w magazynie, przestaje być dostępny w sklepie.
Stan jest liczony na rozmiar, a nie na produkt. Karta produktu pokazuje, ile sztuk zostało w wybranym rozmiarze, a rozmiaru bez stanu nie da się dodać do koszyka. Marka szyje w podwójnych rozmiarach, takich jak M/L i XS/S, więc sklep dopasowuje je tak, jak zapisuje je MoySklad, a stare zamówienie zaksięgowane na produkt nadrzędny nie blokuje już sprzedaży rozmiaru, który naprawdę jest dostępny.
Checkout dla Rosji i krajów WNP
Marka wysyła zamówienia do jedenastu krajów, od Rosji i Kazachstanu po Armenię i Gruzję, wszystko przez CDEK. W checkoucie kupujący wybiera kraj i miasto, widzi stawkę CDEK za wysyłkę standardową lub ekspresową już w trakcie wpisywania i wybiera punkt odbioru na mapie Yandex albo podaje adres dla kuriera.
Kody rabatowe działają w koszyku, a zniżka jest widoczna aż do sumy. Płatności odpowiadają temu, jak marka naprawdę przyjmuje pieniądze: kryptowalutą bezpośrednio w sklepie, kartą lub SBP przez menedżera na Telegramie.
Panel, który marka prowadzi sama
Mały zespół nie może czekać na programistę, żeby zmienić baner. Sklep ma własny panel:
- dashboard ze stanem sklepu na jednym ekranie;
- zamówienia według statusu, od nowych i w realizacji po wysłane, dostarczone i anulowane;
- kody rabatowe tworzone i wyłączane w kilka kliknięć;
- menedżerów z własnymi dostępami i dziennik zmian, w którym widać, kto co zmienił;
- treści strony, żeby dropy i teksty zmieniały się bez wdrożenia.
Między dropami jeden przełącznik wstrzymuje sprzedaż bez wyłączania strony: katalog można przeglądać, ale nie da się zapłacić za rzeczy, które właśnie są przeliczane w magazynie.
Na telefonie
Streetwear kupuje się na telefonie, najczęściej prosto z mediów społecznościowych. Wersja mobilna zachowuje tę samą kolejność: najpierw zdjęcie i jeden przycisk, kategorie jako poziomy pasek, zdjęcia produktów na tyle duże, żeby ocenić materiał, i rozmiary jako przyciski pod kciuk.
Zrobiony, żeby go znaleźć i zmierzyć
Sklep ze stoma produktami zarabia tylko wtedy, gdy wyszukiwarki mogą przeczytać każdy z nich. Każdy produkt ma własny title, description i podgląd do mediów społecznościowych, sitemap zawiera wszystkie kategorie i produkty, a checkout, panel i API są zamknięte dla robotów. Dane strukturalne opisują markę jako sklep internetowy z polityką zwrotów, katalog i opinie jako strony kolekcji, a lookbook jako galerię zdjęć, żeby wyniki wyszukiwania pokazywały więcej niż niebieski link.
Analityka najpierw szanuje kupującego. Yandex Metrica i piksel Meta ładują się dopiero po zgodzie, Webvisor maskuje pola checkoutu, a zdarzenia e-commerce używają tych samych identyfikatorów z MoySklad co feed produktowy Yandex Direct, więc raporty reklamowe i magazynowe mówią o tych samych produktach.
Realizacja
Witryna to statyczny HTML, CSS i JavaScript serwowane przez nginx, dzięki czemu katalog działa szybko w sieciach komórkowych, a hosting jest tani. Osobne API w Node.js na własnym serwerze w chmurze rozmawia z MoySklad, CDEK i operatorem płatności oraz zapisuje zamówienia, więc witryna nie przechowuje żadnych sekretów.
W VNSK WEAR połączyliśmy tworzenie aplikacji webowych, projektowanie produktów i SEO. Jeśli liczysz budżet na taki sklep, nasz poradnik stała cena czy rozliczenie godzinowe wyjaśnia plusy i minusy obu modeli. Startujesz z własną marką? Opowiedz nam o niej.
Co dowieźliśmy
- Katalog, ceny i stany rozmiarów synchronizowane na żywo z MoySklad
- Stany rozmiarów, które nie wpuszczają wyprzedanego rozmiaru do koszyka
- Checkout ze stawkami CDEK, punktami odbioru na mapie Yandex i wysyłką do 11 krajów
- Panel z zamówieniami według statusu, kodami rabatowymi, dostępami menedżerów, treściami i dziennikiem zmian
- SEO dla każdego produktu, dane strukturalne, pełna mapa strony i analityka tylko po zgodzie
Częste pytania
Sprzedaje ubrania i akcesoria marki ze stanami rozmiarów na żywo z MoySklad, wysyłką CDEK do Rosji i krajów WNP, kodami rabatowymi i panelem, w którym zespół prowadzi zamówienia i treści.
Żeby strona i magazyn nigdy się nie rozjeżdżały. Produkty, ceny i stany pochodzą z MoySklad, a wyprzedanego rozmiaru nie da się zamówić.
Do jedenastu: Rosji, Kazachstanu, Białorusi, Uzbekistanu, Kirgistanu, Armenii, Azerbejdżanu, Tadżykistanu, Mołdawii, Gruzji i Turkmenistanu, wszystko przez CDEK, do punktu odbioru lub pod drzwi.
Tak. Zamówienia, kody rabatowe, menedżerowie, treści strony i przełącznik wstrzymujący sprzedaż między dropami są we własnym panelu sklepu.
Statyczny frontend działa szybko w sieciach komórkowych i jest tani w utrzymaniu, a osobne API w Node.js trzyma wszystkie integracje i klucze na serwerze. Marka nie płaci prowizji platformie i jest właścicielem całego kodu.
Co jest w środku
„Wypuszczamy kolekcje w małych dropach, więc najgorsze, co może zrobić sklep, to sprzedać rozmiar, którego już nie mamy. Sakura połączyła stronę bezpośrednio z MoySklad i teraz stany, zamówienia i wysyłka są w jednym miejscu. Sklep wygląda jak nasz lookbook, a prowadzimy go sami, bez dzwonienia do programisty.”