Abakus Direct Furniture sprzedaje meble na konkurencyjnym rynku brytyjskim. Sklep miał szeroki katalog i rozpoznawalną ofertę, ale jego wygląd coraz mocniej kojarzył markę z segmentem budżetowym. Jednocześnie dotychczasowy frontend PWA był ciężki, powolny i utrudniał dalszy rozwój.
Od stycznia do czerwca 2025 roku przeprowadziłem redesign frontendu Magento 2. Projekt połączył nowy kierunek wizualny, uporządkowanie najważniejszych ścieżek zakupowych oraz techniczne odchudzenie sklepu. Dwa miesiące po uruchomieniu nowej wersji liczba zamówień była wyższa o 47%.
Punkt wyjścia i cel projektu
Poprzednia wersja sklepu nie odzwierciedlała jakości produktów ani ambicji marki. Mocne skojarzenie z niską ceną ograniczało możliwość prezentowania bardziej eleganckich kolekcji i utrudniało budowanie zaufania przy większych zakupach.
Problem nie kończył się na warstwie wizualnej. Rozbudowane rozwiązanie PWA działało wolno, zwiększało koszt zmian i komplikowało codzienny rozwój. Potrzebowaliśmy rozwiązania, które poprawi odbiór marki, ale nie zmusi firmy do przepisywania całego Magento i wszystkich integracji od zera.
Od sklepu budżetowego do marki premium
Nowy projekt UX/UI przygotował Bartosz Doryń. Inspiracją były uporządkowane brytyjskie sklepy wnętrzarskie: dużo przestrzeni, spokojniejsza typografia, większe zdjęcia produktów i czytelna hierarchia informacji. Design miał wyglądać elegancko, ale nadal prowadzić klienta możliwie krótką drogą do zakupu.
Zmiany objęły cały proces, a nie tylko stronę główną. Uporządkowaliśmy listing kategorii, prezentację wariantów, informacje o dostawie, elementy zaufania, koszyk oraz checkout. Dzięki temu nowy charakter marki pozostał spójny również w miejscach, w których klient podejmuje decyzję zakupową.
Podejście do wdrożenia Magento 2
Sklep pozostał na istniejącej bazie Magento 2 i Luma, ale warstwa frontendowa została przebudowana w lżejszym podejściu inspirowanym Hyvä. Wykorzystałem Tailwind CSS i Alpine.js, ograniczając ilość kodu JavaScript potrzebnego do typowych interakcji.
Takie podejście pozwoliło zachować kompatybilność z działającymi modułami i procesami, a jednocześnie usunąć część narzutu poprzedniego frontendu. Zamiast kosztownej migracji wszystkiego naraz mogliśmy skupić budżet na elementach, które klient rzeczywiście widzi i wykorzystuje.
Najważniejsza decyzja techniczna: poprawić szybkość i jakość interfejsu bez niepotrzebnego przepisywania stabilnej logiki biznesowej Magento 2.
Karta produktu, mini koszyk i checkout
W sklepie meblowym karta produktu musi pomieścić dużo informacji, nie przytłaczając klienta. Warianty, wymiary, kolory, dostępność i dostawa zostały uporządkowane tak, aby podstawowe decyzje można było podjąć bez przeszukiwania całej strony.
Mini koszyk otrzymał jasne podsumowanie produktu i wartości zamówienia. Klient może szybko sprawdzić wybór, a następnie przejść do finalizacji bez zbędnych ekranów pośrednich.
Checkout został uproszczony wizualnie i podzielony na czytelne sekcje. Formularze, podsumowanie kosztów oraz wybór dostawy pozostały widoczne w logicznym porządku zarówno na komputerze, jak i na telefonie.
Efekt po uruchomieniu
Redesign nadał marce bardziej premium charakter, a lżejszy frontend poprawił komfort korzystania ze sklepu. Najważniejsze jest jednak to, że zmiana nie zakończyła się na estetyce — przełożyła się na mierzalny wzrost liczby zamówień.
Najbardziej podobała mi się profesjonalna i szybka komunikacja Artura, jego terminowość oraz innowacyjne podejście do technicznych wyzwań. Zdecydowanie polecam usługi APK Studio każdemu właścicielowi sklepu internetowego.
Wiktor Laskowski, właściciel Abakus Direct Furniture
Co pokazuje ta realizacja?
- Redesign powinien wspierać pozycjonowanie marki. Zmiana wyglądu ma sens wtedy, gdy pomaga sprzedawać właściwym klientom i uzasadnia wartość oferty.
- Nie każdy sklep trzeba przepisywać od zera. Dobrze dobrane podejście hybrydowe może obniżyć ryzyko, zachować kompatybilność i przyspieszyć wdrożenie.
- UX i technologia muszą działać razem. Ładny interfejs nie wystarczy, jeśli karta produktu, koszyk lub checkout pozostają wolne i nieczytelne.
- Efekt trzeba mierzyć po uruchomieniu. W tym projekcie kluczowym wskaźnikiem była liczba zamówień, nie tylko ocena wyglądu nowej strony.
Jeśli Twój sklep Magento 2 wygląda na starszy niż oferowane produkty albo ciężki frontend blokuje rozwój, dobrym pierwszym krokiem jest wspólny audyt. Pozwala ustalić, czy potrzebujesz pełnego wdrożenia Hyvä, redesignu istniejącego rozwiązania czy etapowego uporządkowania najważniejszych ścieżek.