Case study
Od budżetowego wizerunku do eleganckiej marki premium: redesign sklepu Magento 2
Redesign sklepu Abakus Direct Furniture przeprowadzony od stycznia do czerwca 2025 roku. Projekt obejmował zmianę wizerunku, wdrożenie nowej warstwy wizualnej i odchudzenie frontendu.
- Magento 2
- Redesign
- Luma
- Tailwind CSS
- Alpine.js
Punkt wyjścia i cel projektu
Poprzednia wersja sklepu kojarzyła się z tanimi, budżetowymi meblami. Taki obraz marki ograniczał rozwój, bo nie wspierał sprzedaży produktów, które miały być odbierane jako bardziej eleganckie i jakościowe.
Celem redesignu było całkowite odświeżenie wizerunku. Nowy kierunek, inspirowany eleganckimi brytyjskimi sklepami online, miał nadać marce poważniejszy i bardziej premium charakter.
Problem techniczny
Sklep borykał się też z poważnym problemem technicznym. Dotychczasowe rozwiązanie PWA działało bardzo wolno, utrudniało rozwój i bezpośrednio obniżało sprzedaż.
Zakres i podejście do wdrożenia
Projekt UX/UI przygotował doświadczony specjalista Bartosz Doryń. Moim zadaniem było wdrożenie nowej warstwy wizualnej w Magento 2 tak, aby zachować kompatybilność z istniejącymi modułami i jednocześnie znacząco odchudzić frontend.
Projekt UX/UI
Nowy design uporządkował prezentację produktów, poprawił odbiór marki i przesunął sklep z budżetowego wizerunku w stronę eleganckiej marki premium.
Hyvä Approach
Wdrożenie powstało na istniejącej bazie Luma, ale z hybrydowym frontendem opartym na Tailwind CSS i Alpine.js. To pozwoliło zachować zgodność z dotychczasowymi modułami i uniknąć kosztownej przebudowy całego sklepu.
Szybszy i lżejszy sklep
Odchudzenie kodu poprawiło estetykę, prędkość ładowania stron i wygodę korzystania ze sklepu na urządzeniach mobilnych.
Efekt po uruchomieniu
W ciągu dwóch miesięcy po uruchomieniu nowej wersji sklepu liczba zamówień wzrosła o 47%. Marka zyskała bardziej premium charakter, sklep stał się szybszy i lepiej przygotowany do dalszego rozwoju na konkurencyjnym rynku brytyjskim.
Zrzuty ekranu z realizacji
Co pokazuje ta realizacja
- Redesign Magento 2 może zmienić nie tylko wygląd sklepu, ale także odbiór marki i jej pozycjonowanie.
- Hybrydowe podejście do frontendu pozwala poprawić szybkość bez przepisywania całego sklepu od zera.
- Dobre wdrożenie powinno łączyć projekt UX/UI, decyzje techniczne i mierzalny efekt biznesowy.
Powiązane usługi
Redesign frontendu Magento 2 z Hyvä
Przebudowa warstwy frontendowej Magento 2 z wykorzystaniem Hyvä, aby sklep był szybszy, lżejszy i lepiej dopasowany do aktualnego wizerunku marki.
Wdrożenie Hyvä