Projekt UX strony z internetowym katalogiem produktów

Opracowaliśmy projekt UX/UI dla katalogu internetowego produktów firmy Swish skupiając się na automatyzacji procesów komunikacji z klientem oraz zapewniliśmy wdrożenie na CMS Wordpress wykorzystując technik no-code.

Swish Polska funkcjonuje jako importer produktów Swish od 2001 roku. Ciepłe przyjęcie środków Swish na polskim rynku i idący za tym dynamiczny rozwój firmy spowodował otwarcie zakładu produkcyjnego w 2010 roku. Wraz z rozwojem oferty nasza Agencja UX Wzór została wybrana do zaprojektowania i wdrożenia nowej strony internetowej z katalogiem produktów oraz szeregu innych prac jak wizualizacje produktów czy opracowanie ikon.

Praca nad projektem UX i wdrożeniem trwała tylko 2 miesiące;
Przydzieliliśmy do prac trzy osobowy zespół składający się z dwóch Projektantów UX oraz WordPress Developera;
Opracowaliśmy unikatowy zestaw ikon, wizualizacje produktów oraz etykiety;
Zaprojektowaliśmy unikatowy generator PDF planów higieny;
Zautomatyzowaliśmy główne procesy komunikacji z klientem końcowym jak np. opracowanie centrum pobierania czy przypisanie do produktów opisów, kart charakterystyki czy zdjęć produktów do pobrania. Tym samym zmniejszyliśmy ilość zapytań o te ważne materiały.

Odwiedź stronę

swishclean.pl

Klient

Swish

Branża

Chemia

Typ

Strona internetowa

Kluczowe cele

Dla zespołu Swish kluczowa stała się optymalizacja procesów. Szczególnie uciążliwe było tworzenie planów higieny dla klientów ponieważ zawsze było to robione ręcznie w arkuszu kalkulacyjnym. Wyszliśmy z inicjatywą zaprojektowania i wdrożenia niepowtarzalnej funkcjonalności generatora PDF z planami higieny automatyzując te procesy w Swish.

Katalog produktów

Naszym zadaniem było uporządkowanie bogatej oferty 90+ produktów w 11 kategoriach i przedstawienie ich w atrakcyjny sposób w internetowym katalogu produktów.

Generator PDF

Klient wyznaczył nam cel stworzenia projektu UX generatora PDF planów higieny tym samym automatyzując istotny proces w firmie.

Optymalizacja procesów

Każdy element strony miał być opracowany w ten sposób, aby zmniejszyć potrzebę komunikację z klientem w oczywistych tematach jak np. potrzeba ściągnięcia opisów produktów, kart charakterystyki czy zdjęć produktów.

Proces realizacji

Podstawą było zmapowanie funkcjonalności najważniejszych w perspektywie optymalizacji procesów komunikacji z klientem końcowym dostarczając mu wszystkie ważne rzeczy w internetowym katalogu produktów. W tym celu przeprowadziliśmy warsztaty oraz szereg innych działań, które zmierzały w kierunku realizacji tego celu.

Warsztaty

Na warsztatach wykorzystano głównie dwa ćwiczenia: mapowanie funkcjonalności oraz mapowanie ścieżki użytkownika. W ten sposób zbudowaliśmy podstawy do dalszych prac tworząc przy tym dokładną specyfikację i zakres.

Projekt UX

Podczas procesu projektowania skupiliśmy się na głównych celach i funkcjonalnościach opracowanych w trakcie warsztatów. Zespół UX stworzył architekturę informacji, user flows oraz przeprowadził audyt UX poprzedniej strony internetowej. Przeprowadzono także desk research dzięki czemu makiety low fidelity odpowiadały potrzebom klienta. Po wprowadzeniu niewielkiej ilości uwag przygotowano UI, a zespół przeszedł do wdrożenia projektu.

Wdrożenie

Wykorzystaliśmy techniki wdrożenia no-code na CMS Wordpress dając zespołowi Swish pełną władzę nad katalogiem produktów. W tym celu skorzystaliśmy z Oxygen Page Builder oraz pól niestandardowych. Tym samym zmiany na stronie są proste we wdrożeniu bez potrzeby angażowania programisty.

Zakres prac

Dostarczyliśmy kompleksowe usługi firmie Swish dzięki czemu zespół bezstresowo otrzymał od nas przetestowany produkt.

Warsztaty

Mapowanie Funkcjonalności, Mapowanie Ścieżki Użytkownika

Projekt UX

Makiety UX, Interfejs użytkownika, Prototyp

No Code

Wordpress, Oxygen Page Builder

Rezultaty

Udało nam się zrealizować wszystkie założenia oraz cele produktu, które zostały nam przedstawione na początku prac przez zespół Swish. Cieszy nas bardzo efekt, a najbardziej przejrzysty projekt dumnie prezentowany w naszym portofolio.

90+

wizualizacji produktów

3

automatyzacje

2

miesiące prac