Przejdź do treści
Powrót do studiów przypadków
Apparelapparelsocksenterpriseecommerce

SocksFactory: projektowanie własnych skarpetek w 3D, w trzech językach

SocksFactory·
SocksFactory: projektowanie własnych skarpetek w 3D, w trzech językach

SocksFactory to polska fabryka, która działa w branży dzianinowej od 1998 roku, produkując dla międzynarodowych marek i wytwarzając skarpetki na sprzedaż hurtową, wydarzenia i kampanie marketingowe.

Na swoje nowe strony internetowe potrzebowali konfiguratora skarpet 3D — takiego, który działałby na trzech rynkach i pozwalał klientom na wprowadzanie własnych projektów.

Czego potrzebował klient

Typ, rozmiar i kolory tkanin

Klienci musieli wybrać typ i rozmiar skarpet oraz kolory z dostępnego katalogu tkanin.

Grafika klienta na szablonie

Klienci musieli mieć możliwość przesyłania własnych projektów skarpet za pomocą szablonu oraz dzielenia się projektem za pomocą unikalnego URL.

Trzy języki

Konfigurator musiał wspierać wiele języków, ponieważ miał być używany w trzech różnych krajach.

Konta i historia zamówień

Druga faza wymagała modułu logowania z opcjami logowania przez Gmail i Facebook, aby użytkownicy mogli zapisywać projekty i przeglądać historię zamówień.

Narzędzie do projektowania 2D w aplikacji

Druga faza wymagała również narzędzia do edycji szablonów 2D, aby użytkownicy mogli projektować skarpetki bezpośrednio w konfiguratorze.

Koszyk, opakowanie i etykiety

System koszyka zakupowego, plus opcje opakowania i etykiet, oraz możliwość przełączania między lewą a prawą skarpetką.

Rozwiązanie

Klient wybrał plan Enterprise. Niestandardowy interfejs został szybko zbudowany z widokiem 3D i jego ustawieniami już w firmie. Udostępnianie projektów za pomocą unikalnych linków URL zostało wdrożone przy użyciu Firebase, a dzieła klientów zostały nałożone na skarpetę poprzez mapowanie UV na modelu 3D. Złożenie projektu skarpetki uruchamia e-maile przez Twilio API.

W drugiej fazie dodano bibliotekę JavaScript canvas 2D, aby użytkownicy mogli edytować szablon skarpetki lub etykietę bezpośrednio w konfiguratorze 3D — przesyłając obrazy, przycinając, przeciągając, obracając oraz dodając tekst i podstawowe kształty. Konfigurator został zintegrowany z Stripe i PayPal, aby finalizować zamówienia.

Projektowanie skarpetki w 3D.
Wybór stylu skarpetki w konfiguratorze 3D SocksFactory
Wybór typu i stylu skarpetek.
Projektowanie niestandardowej skarpetki w 3D
Projektowanie skarpetki w 3D.
Zastosowanie wzorów na skarpetce w konfiguratorze 3D
Wzory zastosowane w dzianinie.
Narzędzie do edycji niestandardowego projektu 2D dla etykiet skarpetek
Narzędzie do edycji 2D dodane w drugiej fazie.
Dostosowywanie opakowań i etykiet w 3D
Opcje opakowań i etykiet.
Koszyk w konfiguratorze skarpet
Koszyk zintegrowany z Stripe i PayPal.

Wyniki

Samodzielne projektowanie skarpet

Klienci mogą zaprojektować swoje własne skarpety w kilku kliknięciach, bezpośrednio z witryn.

Żyj w trzech językach

Konfigurator skarpet działa w języku angielskim, niemieckim i polskim.

Zamówienia realizowane w aplikacji

Integracja z Stripe i PayPal umożliwiła finalizację zamówień bez opuszczania konfiguratora.

Ewolucjonujący produkt

Projekt kontynuowany z dodatkowymi funkcjami, w tym systemem kuponów, integracją czatu, modułem konta użytkownika, studiem bitmap oraz dodatkowymi modelami 3D.

Słowa klienta

Łatwo zaprojektować zamówienie, bardzo dobry kształt skarpet, bardzo dobre mapowanie, poprawa wizualna projektu i zrozumienie klienta.

Tomasz GromelskiDyrektor Generalny · SocksFactory

Co taki projekt dodałby dzisiaj

Kilka rzeczy, które były niestandardową pracą w 2022 roku, jest teraz standardowymi blokami opcji. Przesyłanie obrazów pozwala klientom dostarczać własne dzieła, Canvas projektowy ustawia, skaluje i obraca je na produkcie, Projektant wzorów stosuje powtarzające się wzory z kontrolą skali, obrotu i przesunięcia, a Wprowadzanie tekstu dodaje niestandardowy tekst z wyborem czcionki. Grafika SVG zawierająca różne kolory wypełnienia jest automatycznie wykrywana, dzięki czemu każdy kanał kolorów może być zmieniany w czasie rzeczywistym.

Poza tym, AI może teraz generować początkowy konfigurator na podstawie opisu produktu i audytować istniejący, a serwer MCP pozwala asystentowi AI na inspekcję projektów i ocenę logiki za pomocą tokena o ograniczonym zakresie. Żadne z tych rozwiązań nie były częścią pierwotnej budowy.

Budujesz konfigurator skarpet lub odzieży?

Kolory stref, wzory, przesyłanie grafik i spersonalizowany tekst to teraz standardowe bloki.

Twórz, wdrażaj i skaluj handel 3D.

Posiadaj konfigurator produktów 3D, aby zwiększyć sprzedaż i generować oferty bezpośrednio z Twojej strony internetowej.

Powiązane studia przypadków

Morph Creator: budowanie czegokolwiek z ośmiu klocków

Morph Creator: budowanie czegokolwiek z ośmiu klocków

Morph Bricks potrzebował konfiguratora, w którym klienci mogliby budować ściany, sale konferencyjne i miejsca siedzące z ośmiu typów klocków — i otrzymać instrukcję PDF dla zaprojektowanego przez siebie projektu.