SALAK - sklep internetowy z wizualnym konfiguratorem mebli
Zakres prac
Front-end i back-end development, konfigurator produktów oraz dedykowany koszyk i checkout.
Technologia
WordPress, WooCommerce, PHP, JavaScript
Projekt UX/UI
Projekt UX/UI przygotowała Aleksandra Groblewska.
Wersje językowe
4 wersje językowe
Rezultat wdrożenia
Dla marki SALAK stworzyliśmy sklep, w którym klient może wybrać rozmiar, kolor i materiał mebla oraz od razu zobaczyć przygotowaną konfigurację. Cały proces, od personalizacji produktu do złożenia zamówienia, działa w jednym spójnym interfejsie.
Zobacz, jak budujemy sklepy internetowe dla branży meblowej.
Wizualny konfigurator mebli z podglądem wariantów
W karcie produktu użytkownik może wybrać rozmiar, kolor oraz materiał mebla. Każda zmiana jest powiązana z odpowiednimi zdjęciami, dlatego klient od razu widzi wybraną konfigurację. Mechanizm działa w oparciu o warianty WooCommerce i dedykowaną warstwę JavaScript, a wszystkie opcje można obsługiwać z poziomu panelu sklepu.
Sprawdź naszą interaktywną wersję konfiguratora 3D – na żywo.
Autorski koszyk i checkout
Standardowe widoki WooCommerce zastąpiliśmy dedykowanym koszykiem i checkoutem. Uporządkowaliśmy najważniejsze informacje o produktach i ograniczyliśmy zbędne elementy, aby ułatwić przejście od konfiguracji mebla do złożenia zamówienia. Cała ścieżka zachowuje spójność z projektem UX/UI i identyfikacją marki SALAK.
Animacje i responsywny interfejs
Indywidualny projekt graficzny wdrożyliśmy z dbałością o układ, typografię i płynne animacje. Interfejs został dopasowany do urządzeń mobilnych oraz różnej długości tekstów w czterech wersjach językowych. Zoptymalizowaliśmy również kod JavaScript, aby rozbudowana warstwa wizualna nie utrudniała korzystania ze sklepu.
Technologia, która dotrzymuje kroku wyobraźni.
Działamy jako partner technologiczny dla wymagających marek, biur projektowych i dyrektorów artystycznych. Tam, gdzie kończy się praca grafika, wkraczamy my. Wdrażamy skomplikowane interfejsy i dbamy o to, by design ożył w przeglądarce bez utraty płynności.
Creative Development
Zaawansowane animacje (GSAP), interakcje 3D (WebGL) i płynne przejścia.
Custom WordPress / Webflow CMS
Dedykowane motywy budowane od zera, skrojone pod indywidualny projekt.
Optymalizacja i dostępność
Strony, które ładują się błyskawicznie i spełniają rygorystyczne normy WCAG.
