Przejdź do treści

Case Study / E-commerce / Shopify

VOX – redesign sklepu Shopify spójny z marką

Podsumowanie

Sklep VOX na rynek UAE działał na starym, niespójnym z marką froncie Shopify. Przebudowaliśmy storefront tak, by wyglądał i działał jak oficjalna strona vox.pl – na lekkim stacku Alpine.js i Tailwind CSS.

Główny cel

Podnieść jakość sklepu Shopify do poziomu oficjalnej strony VOX i ujednolicić go z marką – na nowoczesnym, lekkim stacku.

VOX – marka mebli; wersja sklepu na rynek UAE (voxfurniture.ae) prowadzona przez regionalnego dystrybutora VOX.

Strona główna sklepu VOX na rynek UAE (voxfurniture.ae) w widoku desktop – logo VOX, nawigacja i hero z aranżacją wnętrza, w stylu spójnym z oficjalną marką VOX.

Wyzwanie

VOX na rynek UAE (voxfurniture.ae), prowadzony przez regionalnego dystrybutora marki, działał na starym froncie Shopify, który wyglądem i jakością odstawał od oficjalnej, nowoczesnej strony VOX (vox.pl). Storefront był ciężki: dużo ładowanych skryptów, wolne ładowanie i słaby wynik na urządzeniach mobilnych – czyli dokładnie tam, gdzie odbywa się większość ruchu. Klient potrzebował sklepu, który wygląda i działa jak flagowy VOX, a przy tym jest szybki i łatwy w utrzymaniu.

Rozwiązanie

Przebudowaliśmy front sklepu Shopify od strony wizualnej i technicznej – w całości po naszej stronie. Odwzorowaliśmy język wizualny oficjalnej strony VOX i postawiliśmy storefront na lekkim stacku Alpine.js i Tailwind CSS, mocno tnąc balast wydajnościowy.

01

Redesign spójny z marką VOX

Przebudowaliśmy front Shopify tak, by wyglądał i działał jak oficjalna strona vox.pl – spójna typografia, układy i komponenty (hero, listingi kategorii, karty produktu).

02

Nowoczesny stack: Alpine.js + Tailwind CSS

Zastąpiliśmy ciężki, przestarzały kod motywu lekkim frontem na Alpine.js i Tailwind CSS – łatwiejszym w utrzymaniu i dalszym rozwoju.

03

Optymalizacja wydajności

Ograniczyliśmy liczbę ładowanych skryptów o 95% i skróciliśmy czas ładowania o połowę, podnosząc wynik mobile w Lighthouse o 30 punktów.

Strona główna sklepu VOX na rynek UAE (voxfurniture.ae) w widoku desktop – logo VOX, nawigacja i hero z aranżacją wnętrza, w stylu spójnym z oficjalną marką VOX.

Wyniki

Co dał redesign

Szybszy czas ładowania

+30

Punktów mobile w Lighthouse

−95%

Mniej ładowanych skryptów na stronie

Efekt

Nowoczesny front sklepu na Shopify, który podnosi jakość storefrontu do poziomu oficjalnego producenta – a momentami nawet wyżej.

Zespół WEGOTCOOKIES

Twój sklep odstaje od marki?

Przebudowujemy storefronty Shopify tak, by wyglądały i działały jak flagowy sklep marki – na lekkim, nowoczesnym stacku. Porozmawiajmy.