Nizio

Oczekiwania klienta

Nizio to rodzinna firma z Biłgoraja, która od 1959 roku produkuje meble z litego drewna. Jej flagowym produktem są łóżka: piętrowe, na antresoli, pojedyncze i podwójne, sprzedawane w Polsce i na kilku rynkach zagranicznych. Klient przyszedł do nas z działającym sklepem i jasnym oczekiwaniem: nowy projekt ma ułatwić wybór i konfigurację mebla, uporządkować ofertę i lepiej pokazać jakość, która stoi za marką.

Cel strony

Sklep ma przede wszystkim sprzedawać, ale meble Nizio nie są zakupem impulsowym. Łóżko wybiera się długo, porównuje warianty, sprawdza wymiary i czas realizacji. Dlatego celem projektu było:

• skrócenie drogi od wejścia na stronę do właściwego produktu,
• czytelna konfiguracja łóżka (kolor, rozmiar materaca, prześwit) bez opuszczania karty produktu,
• uproszczenie koszyka i zamówienia,
• pokazanie produkcji i jakości wykonania jako argumentu sprzedażowego.

Grupa docelowa

Najważniejszą grupą są rodzice i przyszli rodzice, w większości kobiety, którzy urządzają pokój dziecka i szukają mebla na lata. To klienci gotowi zapłacić więcej za lite drewno i polską produkcję, ale oczekują pewności: jasnych informacji o wymiarach, bezpieczeństwie, dostawie i zwrotach. Drugą grupą są architekci i projektanci wnętrz, dla których przygotowaliśmy osobną podstronę z ofertą współpracy.

Opis realizacji

Zakres naszej pracy obejmował analizę, makiety UX oraz projekt UI wersji desktopowej i mobilnej. Sklep działa na Shopify, a wdrożenie realizował zewnętrzny zespół po stronie klienta.

Analiza zachowań użytkowników

Zaczęliśmy od danych z dotychczasowego sklepu. W Microsoft Clarity przejrzeliśmy mapy cieplne i nagrania sesji, a wnioski uporządkowaliśmy metodą MoSCoW, czyli od zmian koniecznych po te, które mogą poczekać. Równolegle spisaliśmy zasady projektowe oparte na heurystykach Nielsena, do których wracaliśmy na kolejnych etapach.

Makiety UX

Na makietach ustaliliśmy strukturę najważniejszych widoków: strony głównej, listy produktów, karty produktu, koszyka i zamówienia. Proces zakupowy rozrysowaliśmy w trzech wariantach, żeby wspólnie z klientem wybrać ten, który wymaga od kupującego najmniej kroków.

Lista produktów

Kategoria, na przykład łóżka na antresoli, dzieli się na czytelne podkategorie widoczne od razu nad listą. Kupujący może przełączać siatkę między trzema a czterema kolumnami, a filtry otwierają się w bocznym panelu i nie zasłaniają wyników. Po najechaniu na produkt widać kolejne zdjęcie z jego galerii.

Karta produktu

To najważniejszy ekran sklepu. Obok dużej galerii ze zdjęciami i filmem umieściliśmy konfigurację: kolor, rozmiar materaca i wysokość prześwitu, którą można podać samodzielnie. Pod ceną kupujący od razu widzi czas realizacji, koszt dostawy, możliwość zakupu na raty i rabat za kolejny produkt. Sekcja „Do kompletu” podpowiada materac i zabezpieczenia pasujące do wybranego łóżka.

Koszyk i szybki zakup

Po dodaniu produktu wysuwa się panel z podsumowaniem i propozycją uzupełnienia zamówienia. Samo zamówienie mieści się na jednym ekranie: dane, dostawa i płatność są widoczne jednocześnie, bez przechodzenia między krokami.

Wersja mobilna i system komponentów

Każdy widok zaprojektowaliśmy osobno na telefon. Całość opiera się na bibliotece komponentów i przewodniku stylu (kolory, typografia, przyciski, kafle produktów), dzięki czemu zespół wdrożeniowy dostał spójny zestaw elementów do budowy kolejnych podstron.

Wdrożenie (po stronie klienta)

Projekt przekazaliśmy w Figmie zespołowi, który wdrażał sklep w Shopify. Na tej stronie pokazujemy projekt w wersji, w jakiej go oddaliśmy.

Efekt

Klient otrzymał kompletny projekt sklepu: stronę główną, listę i kartę produktu, koszyk, zamówienie, logowanie, podstrony „Dla architektów”, „Nasza jakość” i FAQ oraz widoki dla klientów zagranicznych, wszystko w wersji na komputery i telefony. Sklep Nizio działa pod adresem niziohome.pl.