i-sofa – kompleksowy redesign sklepu i konfiguratora 3D, który uporządkował proces zakupu
O projekcie
I-SOFA
i-sofa to polski producent sof i mebli, który od ponad 20 lat realizuje cały proces produkcji we własnych zakładach – od stolarni po montaż. Marka wyróżnia się m.in. wykorzystaniem włoskich stelaży oraz możliwością szerokiej personalizacji produktów z myślą o codziennym użytkowaniu i komforcie snu.
🎯 Klient zgłosił się do nas z poczuciem, że ścieżka zakupowa nie działa tak, jak powinna – użytkownicy rezygnowali z zakupu, a konfigurator 3D, będący kluczowym elementem sprzedaży, był nieintuicyjny i nie wspierał podejmowania decyzji.
Rozpoczęliśmy od warsztatów oraz audytu UX/CRO, aby zidentyfikować konkretne problemy i priorytety. Na tej podstawie zaprojektowaliśmy kompleksowy redesign sklepu, obejmujący kluczowe widoki oraz konfigurator 3D.
Wyzwanie
Głównym wyzwaniem było niedopasowanie doświadczenia zakupowego do jakości produktów marki.
Mimo silnych wyróżników, takich jak własna produkcja i rozbudowana personalizacja, sklep nie wspierał użytkowników na odpowiednim poziomie, a kluczowy konfigurator 3D był mało intuicyjny i utrudniał proces wyboru.
Celem projektu było uporządkowanie całego doświadczenia zakupowego, usprawnienie konfiguratora 3D oraz stworzenie spójnej ścieżki, która lepiej odzwierciedla charakter marki i ułatwia zakup mebli online.
Co zrobiliśmy
Użytkownicy nie rezygnowali z zakupu dlatego, że produkt był nieatrakcyjny, tylko dlatego, że w kluczowym momencie nie mieli wystarczających informacji, aby podjąć decyzję. Brakowało im jasności, nie funkcji.
Na tej podstawie zaprojektowaliśmy zmiany, które uporządkowały proces decyzyjny i wyeliminowały niepewność na każdym etapie ścieżki zakupowej:
1. Audyt CRO/UX jako fundament decyzji
Zaczęliśmy od analizy danych (GA4), nagrań sesji (Clarity) i opinii klientów.
Dlaczego: zidentyfikowaliśmy konkretne miejsca, w których użytkownicy tracili kontekst, nie rozumieli oferty lub opuszczali proces zakupowy
2. Spójny Design System
Stworzyliśmy od podstaw Design System (komponenty, typografia, style), aby użytkownik od pierwszego kontaktu rozumiał ofertę i możliwe ścieżki zakupowe.
Dlaczego: brak spójności wizualnej obniżał wiarygodność sklepu
PRZED vs PO – strona główna (desktop)
Po redesignie uprościliśmy komunikację, wprowadziliśmy wyraźną hierarchię i lepsze prowadzenie użytkownika przez kategorie oraz ofertę.
3. Redesign karty produktu (PDP) i innych kluczowych widoków
Przeprojektowaliśmy kluczowy widok sprzedażowy, wprowadzając wyraźną hierarchię informacji i eliminując luki decyzyjne:
- czas realizacji i proces produkcji → dodaliśmy czytelną komunikację wraz z wyjaśnieniem procesu produkcji na zamówienie, ponieważ brak tej informacji powodował niepewność i odkładanie decyzji
- parametry produktu i gabaryty paczek → uzupełniliśmy dane o wymiarach mebli i gabarytach paczek, odpowiadając na realne obawy: „czy sofa zmieści się w mieszkaniu i przejdzie przez drzwi”
- wyjaśnienie różnic między wariantami stelaży → dodaliśmy dedykowaną sekcję opisującą stelaże, ponieważ użytkownicy nie rozumieli różnic i szukali odpowiedzi poza stroną lub pytali obsługę klienta
- gwarancja i logistyka dostawy → dodaliśmy widoczną informację redukującą ryzyko zakupu dużych gabarytów online
- uporządkowanie CTA (produkty na zamówienie vs dostępne od ręki) → doprecyzowaliśmy znaczenie przycisków CTA i informację o szybkiej dostawie przy produktach dostępnych od ręki, aby użytkownik rozumiał różnicę i mógł szybciej dopasować ofertę do swojej potrzeby
PRZED vs PO – karta produktu (desktop)
PRZED i PO – karta produktu (mobile)
Na mobile uprościliśmy strukturę i zwiększyliśmy czytelność kluczowych informacji, co jest krytyczne przy ruchu mobilnym.
Pop up – porównanie stelaży
Dodaliśmy czytelne porównanie wariantów, które redukuje niepewność i wspiera decyzję bez angażowania obsługi klienta.
4. Optymalizacja konfiguratora 3D
Nagrania sesji i ankiety pozakupowe pokazały, że użytkownicy gubili się w procesie konfiguracji i musieli opuszczać konfigurator, żeby sprawdzać różne informacje, dlatego wprowadziliśmy konkretne zmiany w widoku konfiguratora:
- pełne informacje o tkaninach (bez wychodzenia z konfiguratora) → użytkownik nie musi teraz przerywać procesu, aby zdobyć kluczowe dane odnośnie składu, trwałości i pielęgnacji
- stałe podsumowanie konfiguracji i ceny → zapewnia kontrolę nad wyborem i eliminuje frustrację związaną z „niewidocznym kosztem”
- widoczny czas realizacji → wzmacnia transparentność oferty i zaufanie do producenta
PRZED vs PO – konfigurator (desktop)
Dodaliśmy wszystkie kluczowe informacje bezpośrednio w konfiguratorze, eliminując konieczność wychodzenia z procesu.
PO – konfigurator (mobile)
Uprościliśmy proces konfiguracji na mobile, zachowując pełną funkcjonalność przy ograniczonej przestrzeni.
5. Wyeksponowanie procesu zamawiania próbek tkanin
Na podstawie danych (wyższy ARPU dla użytkowników zamawiających próbki) wzmocniliśmy ten element na całej ścieżce:
- sekcja o próbkach na homepage → większa świadomość usługi
- dedykowany kafelek na listingu → zachęcający do skorzystania z próbek
- większa widoczność informacji o próbna PDP → łatwy dostęp do opcji
Dlaczego: próbki obniżają barierę wejścia i pomagają użytkownikowi przejść od rozważania do decyzji
6. Wdrożenie i eliminacja błędów technicznych
Nasz zespół developerski wdrożył zaprojektowane zmiany na Shopify, eliminując przy okazji błędy techniczne.
Dlaczego: błędy i niespójności techniczne obniżają wiarygodność sklepu i mogą przerywać proces zakupowy niezależnie od jakości UX.
Efekty
Uporządkowana ścieżka zakupowa
→ użytkownik jest prowadzony przez proces zamiast się w nim gubić
Karta produktu odpowiada na kluczowe pytania (czas realizacji, parametry, warianty)
→ użytkownik nie musi szukać informacji
Konfigurator 3D wspiera decyzję
→ wszystkie niezbędne informacje są teraz dostępne bezpośrednio w konfiguratorze
Lepsza ekspozycja próbek
→ obecna na każdym etapie wizyty, co zwiększa szansę na dotarcie do segmentu klientów generującego wyższy przychód
Jasne rozdzielenie ścieżek (na zamówienie vs dostępne od ręki)
→ dwa dostępne CTA wyraźnie eksponują produkty dostępne od ręki, realizując jeden z głównych celów biznesowych klienta
Spójny UX i stabilność techniczna
→ brak błędów przerywających proces
Wnioski
- Audyt UX/CRO i badania z realnymi użytkownikami ujawniają rzeczy, których nie widać w UI
To one pokazały nam konkretne luki informacyjne i punkty, w których użytkownicy tracili kontekst – bez tego łatwo projektować na założeniach. - Redesign musi być systemowy, nie punktowy
Spójność między sklepem a konfiguratorem była kluczowa – rozdzielne zmiany prowadziłyby do niespójności danych i zwiększały ryzyko porzucenia procesu.