Nowy design strony i system commerce na Magento dla Szynaka Meble

Wdrożenie serwisu e-commerce opartego na Magento na rynek polski oraz zaprojektowanie nowej identyfikacji wizualnej dla sklepu internetowego.

szynaka mebla case study ux design

Historia marki

Grupa Meblowa Szynaka to wielopokoleniowa firma rodzinna, działająca w kilkudziesięciu krajach na świecie. W jej skład wchodzi Szynaka Meble - największy polski producent mebli skrzyniowych.

Potrzeby klienta

  • Wsparcie w wypracowaniu procesu sprzedaży e-commerce, który będzie korzystny zarówno dla producenta, jak i salonów partnerskich, z którymi firma współpracuje.
  • Przygotowanie strony, realizującej cele wizerunkowe i budującej świadomość marki wśród nowej grupy docelowej.
  • Stworzenie platformy dającej możliwość zarządzania przepływem zamówień zarówno przez centralę firmy, jak i poszczególne salony.
  • Przygotowanie szczegółowych wytycznych, na podstawie których zostaną opracowane informacje o produktach.
  • Udostępnienie całego katalogu produktów, zawierającego istotne informacje zarówno dla klientów B2C, jak i B2B.

Wdrożone rozwiązania

Filtry & dane

Szczegółowe filtry i dane techniczne produktów są rezultatem szeroko zakrojonej analizy asortymentu oraz badań z użytkownikami.

Zaawansowana wyszukiwarka

Rozbudowana wyszukiwarka podpowiada kategorie, kolekcje, frazy oraz produkty, ułatwiając klientowi odnalezienie potrzebnych informacji.

Strix Content Management

Autorskie narzędzie typu page builder pozwala na tworzenie efektywnych wizualnie stron statycznych.

Strix Magazine

Narzędzie, które pozwala na wyświetlanie gazetek, katalogów i broszur.

Strix Integrator 

Pozwala na zaimportowanie danych z arkusza kalkulacyjnego bez ingerencji developera.

szynaka mebla case study ux design

Klucz do odkrycia potrzeb klienta

Jednym z pierwszych podjętych przez nas kroków było przeprowadzenie badań w wybranych salonach partnerskich Szynaka Meble. Oparliśmy je o formularz ankietowy wykorzystujący skalę Likerta oraz o technikę obserwacji. Uzyskane twarde dane zostały dopełnione przez mapy empatii. Pozwoliło to na wyłonienie grup klientów firmy Szynaka, poznanie ich motywacji i bolączek, a w konsekwencji zaprojektowanie całej wędrówki użytkownika (Customer Journey Map) odpowiadającej potrzebom klientów.

User Centered Design

Proces projektowy oparliśmy o założenia Google Design Sprintu. Na podstawie wcześniejszych badań, raportów i analizy konkurencji, każdy członek zespołu designerskiego przygotował swoją wizję rozmieszczenia informacji w serwisie. Po skonfrontowaniu wszystkich pomysłów i wyłonieniu najlepszych, wykonaliśmy makiety projektu dla klienta.

szynaka mebla case study ux design

Informacje produktowe i nawigacja fasetowa

Jeden z wniosków wysnutych podczas etapu badawczego wskazywał, że konsumenci oczekują na stronie sklepu meblowego precyzyjnych opisów produktów. Z tego powodu jednym z ważniejszych zadań było stworzenie i wprowadzenie na witrynę nowych treści. Dla każdej kategorii asortymentu przygotowaliśmy zestaw atrybutów, na podstawie których klient zebrał dane. Efekty podjętych działań można zobaczyć na karcie produktu w zakładkach Opis i Dane techniczne, a także w formie rozbudowanych filtrów na stronie kategorii.

Moc storytellingu

„Zawsze blisko ludzi: to przewodnie motto Szynaka Meble. Zaczerpnęliśmy z tego motywu, tworząc opowieść, rozpoczynającą się na stronie głównej. Nakreśla ona klientowi wartości marki i prowadzi go krok po kroku przez asortyment. Storytelling pełni ponadto funkcję sprzedażową, promując wybrane kategorie mebli, a także inspiracyjną, dzięki ciekawym tekstom oraz odesłaniu klienta do aranżacji pomieszczeń.

szynaka mebla case study ux design

Nowy styl graficzny

Charakter marki, asortyment oraz obserwacja klientów zdeterminowały kierunek graficzny, w jaki postanowiliśmy zainwestować. Szynaka Meble jest wielopokoleniową firmą rodzinną, łączącą tradycję i historię z dynamicznym rozwojem i nowoczesnością. Nowy styl graficzny charakteryzuje się nowoczesnością połączoną z historią. Z tego powodu kanwą projektu stały się prostokąty z łagodnymi, zaokrąglonymi krawędziami. W połączeniu z fontem o owalnym, ale jednocześnie prostym kroju, całość wywołuje wrażenie bezpieczeństwa i klasyki. By zaakcentować dynamikę i postępowość firmy, zdecydowaliśmy się na użycie dużych zdjęć i wykorzystanie zalet gry światłem.

Naszą intencją było wywołanie skojarzenia z nowoczesnym, drukowanym katalogiem pięknych fotografii, zachęcającym do zagłębienia się w niego. Duże zdjęcia pozwalają również odtworzyć doświadczenia ze sklepu meblowego, w którym umeblowanie otacza klienta ze wszystkich stron.

szynaka mebla case study ux design

Łatwe dodawanie contentu

Prosty i łatwy w obsłudze system do budowy i zarządzania stronami statycznymi był jednym z wyzwań projektu. Po analizie i testach dostępnych na rynku rozszerzeń podjęliśmy decyzję o stworzeniu autorskiej funkcji. Na potrzeby projektu opracowaliśmy zatem system znacząco rozszerzający standardową funkcjonalność CMS Magento. Nasze rozwiązanie cechuje się prostym interfejsem, nie generuje zbędnego kodu i pozwala na wstawianie treści przez edytor WYSIWYG, widgetów Magento, własnego kodu HTML i klas CSS. Ręczne ułożenia kafli dla każdego breakpointu zapewnia całkowitą responsywność strony.

Sprawne zarządzanie salonami

System zarządzania salonami pozwala na tworzenie stron salonów według określonego szablonu, dodawanie i ukrywanie wybranych treści, wyświetlanie galerii zdjęć, regulaminu i innych plików do pobrania. Określić można również typ salonu i jego lokalizację na mapie. Każdy salon może mieć własne konto w panelu administracyjnym, pozwalające na zarządzanie przepływem zamówień.

Wyszukiwarka z podpowiedziami

Rozbudowana funkcja wyszukiwania pozwala na wyświetlanie listy podpowiedzi z miniaturkami zdjęć produktowych. Sugerowane są na niej nie tylko produkty, lecz także kategorie i kolekcje. W trakcie wpisywania kolejnych znaków zapytania, podpowiedzi są dynamicznie zawężane. Użytkownik może ograniczyć wyszukiwanie do wybranej kategorii mebli. W panelu administracyjnym została dodana funkcja importu synonimów z pliku CSV, by ułatwić zarządzanie nimi.

szynaka mebla case study ux design

System do zarządzania profilami importu

Nasza wiedza i doświadczenia związane z poprzednimi wdrożeniami Magento zaowocowały stworzeniem przez nas nowego, potężnego narzędzia – w pełni konfigurowalnego z poziomu panelu administracyjnego importera. Jego zasada działania opiera się o mapowanie danych z pliku CSV na atrybuty w Magento 2. Użytkownik uruchamia dowolny program do edycji arkuszy kalkulacyjnych, tworzy w nim kolumny zatytułowane np. „nazwa produktu” i „kolor”, uzupełnia wiersze np. „krzesło 1”, „żółty” i zapisuje całość z rozszerzeniem .csv Następnie w panelu administracyjnym Magento definiuje, że dane z kolumny „nazwa produktu” mają zostać skopiowane do wcześniej utworzonego atrybutu „product name”, a dane z kolumny „kolor” do atrybutu „color”. Ostatnim krokiem jest wgranie w panelu pliku CSV i uruchomienie importu. Cały proces jest znacznym ułatwieniem dla llienta, który od teraz może zarządzać importowanymi danymi samodzielnie, bez potrzeby angażowania deweloperów.

Skontaktuj się z nami!

Borys Skraba

Client Service Director, CEO
+48 501 351 542
borys.skraba@strix.net