Kiedy marka z ponad 100-letnią historią decyduje się na pełną transformację cyfrową, projektowanie nie jest już tylko kwestią estetyki czy użyteczności. Staje się sposobem na uporządkowanie złożonych procesów, integrację danych i zbudowanie jednego doświadczenia w miejscu, gdzie wcześniej działały odrębne systemy.

Tak właśnie było w przypadku Rawlplug, globalnego producenta systemów zamocowań i elektronarzędzi, który powierzył The Humans zaprojektowanie spójnego ekosystemu cyfrowego:

• platformy e-commerce,
• panelu B2B eRawlplug
• oraz serwisu korporacyjnego rawlplug.com.

Punkt wyjścia: trzy światy, jeden ekosystem

Miałem przyjemność uczestniczyć w projekcie od samego początku więc postaram się, na tyle na ile mogę przybliżyć Wam tę historię. Projekt rozpoczął się od pozornie prostego celu: ułatwić dostęp do produktów, usług i danych dla różnych grup użytkowników. W praktyce oznaczało to połączenie trzech odmiennych światów:

• serwisu informacyjno-wizerunkowego,
• platformy sprzedażowej e-commerce,
• oraz panelu B2B, w którym partnerzy biznesowi zarządzają łańcuchem zamówień, ofertami, flotą elektronarzędzi i dziesiątkami innych możliwości.

W każdym z nich obowiązywały inne reguły, hierarchie danych i ścieżki użytkowników. Jednak celem od początku nie było stworzenie trzech osobnych projektów, lecz jednego ekosystemu, który mówi wspólnym językiem.

Im większa organizacja, tym ważniejsze jest, by nie myśleć o digitalu w kategoriach pojedynczych produktów. To system naczyń połączonych – interfejsów, procesów, ludzi i danych.

Odkrywanie: zrozumieć przemysł od środka

Pierwszym krokiem była faza discovery – seria warsztatów z zespołami Rawlplug i szerokim gronem interesariuszy.

W środowisku B2B, gdzie każdy proces zakupowy może obejmować wielu decydentów i etapy akceptacji. Kluczowe zatem było poznanie realnych potrzeb partnerów i interesariuszy w ramach organizacji Klienta. Dla klientów Rawlplug opracowaliśmy persony oraz ich mapy podróży (Customer Journey Maps), dla Interesariuszy wewnętrznych zidentyfikowaliśmy ich potrzeby i codzienne wyzwania.

Tym sposobem wyselekcjonowaliśmy kluczowe funkcjonalności dla każdej z wielu ról klienckich (takich jak kupiec, wykonawca czy projektant), oraz te najbardziej istotne z punktu widzenia codziennej pracy zespołu Rawlplug.

Rola projektanta UX w dużych projektach B2B polega na tym, by łączyć wygodę użytkownika z realiami pracy po stronie klienta, jego strukturą, procesami i narzędziami, które determinują codzienne decyzje.

Cały proces stał się fundamentem dalszej pracy nad ekosystemem cyfrowym Rawlplug. Wartościami i wnioskami, do których często wracaliśmy podczas kolejnych miesięcy pracy.

Posługując się tutaj przykładem, w panelu B2B zidentyfikowano m.in.:

• potrzebę zarządzania strukturą placówek i użytkowników z różnymi poziomami uprawnień,
• w e-commerce – konieczność personalizacji treści oraz ścieżek zakupowych
• a w serwisie korporacyjnym – połączenia contentu edukacyjnego z narzędziami sprzedażowymi.

Jak pokazuje wiele badań i raportów (uxarmy, maze), zrozumienie kontekstu organizacyjnego w projektach B2B pozwala osiągnąć nawet kilkukrotnie lepsze wyniki biznesowe. Co więcej znacznie skraca czas wdrożenia jednocześnie podnosząc akceptację użytkowników końcowych. To dokładnie potwierdziła praktyka Rawlplug.

Discovery to nie tylko research. To moment, w którym projekt zaczyna się łączyć z rzeczywistością organizacyjną klienta.

Projektowanie UX: logika złożonych interakcji

Kolejny etap to faza UX – moment, w którym wnioski z badań i warsztatów przekładaliśmy na strukturę systemu. Przygotowaliśmy ponad 400 makiet lo-fi, które pozwoliły na iteracyjne testowanie logiki, zanim powstały jakiekolwiek projekty wizualne.

Architektura informacji musiała pogodzić trzy typy systemów i setki funkcji: od faktur i limitów kupieckich, przez konfigurację eksportu danych dla e-commerce, aż po narzędzia do szkoleń i serwisowania sprzętu.
Zespół zaprojektował procesy w sposób modularny, dzięki czemu każdy moduł (np. flota narzędzi, oferty, płatności) mógł działać niezależnie, ale wciąż w ramach jednej spójnej struktury.

To podejście wpisuje się w koncepcję Information Architecture at Scale, w której projektowanie doświadczeń dla systemów enterprise polega na zarządzaniu złożonością, a nie jej redukcji.

Projektowanie UX w B2B nie polega na upraszczaniu procesów, ale na ich uczynieniu zrozumiałymi i przewidywalnymi.

UI: estetyka, która porządkuje

Warstwa wizualna powstała po etapie testów UX i została podporządkowana zasadzie: estetyka w służbie funkcjonalności.

Interfejsy wszystkich trzech systemów, od strony głównej po panel użytkownika, łączy spójny design system.

Kolory, typografia i modularna kompozycja nawiązują do industrialnego charakteru Rawlplug, ale wprowadzają porządek i czytelność właściwą dla narzędzi klasy enterprise.

Ważnym wyzwaniem było zaprojektowanie doświadczenia mobilnego przy zachowaniu dużej liczby funkcji. Dzięki hierarchizacji informacji i przemyślanej architekturze interakcji, udało się zachować przejrzystość nawet w widokach mobilnych o dużej gęstości danych.

Dobry design nie jest dekoracją systemu. To sposób, w jaki system opowiada o swojej logice.

Współpraca i technologia: UX na styku procesów

W projektach o tej skali kluczowa jest współpraca z zespołami technologicznymi klienta.
The Humans od początku działali w modelu cross-team collaboration, łącząc perspektywę UX z ograniczeniami systemów ERP, CRM i baz danych Rawlplug.

Wspólne warsztaty techniczne pozwoliły ustalić, które procesy można przenieść do nowego panelu B2B, a które wymagają integracji z istniejącymi narzędziami.

Taka współpraca to, warunek skutecznej transformacji cyfrowej w przemyśle.

UX nie kończy się na prototypie, staje się elementem strategii technologicznej.

Efekt: ekosystem, nie produkt

Po ponad 10 000 godzinach pracy i dziesiątkach iteracji powstał kompleksowy ekosystem cyfrowy Rawlplug, obejmujący:

• serwis korporacyjny wspierający edukację i sprzedaż,
• spersonalizowany e-commerce dla różnych typów użytkowników,
• panel B2B, który porządkuje dziesiątki procesów w jednym miejscu

System nie tylko poprawił ergonomię i doświadczenie użytkowników, ale także wzmocnił spójność marki w kanałach cyfrowych.

Dzięki modułowemu podejściu platforma jest skalowalna i gotowa na dalszy rozwój – od automatyzacji po integracje z nowymi narzędziami sprzedażowymi.

Wnioski: projektowanie dla złożoności

Projekt Rawlplug to studium przypadku tego, jak design strategiczny może stać się narzędziem transformacji organizacyjnej. Pokazuje, że UX w sektorze przemysłowym nie ogranicza się do makiet czy interfejsu. To sposób myślenia o przepływach informacji, odpowiedzialności i komunikacji w strukturach B2B.

W literaturze określa się to jako design as organizational sensemaking: projektowanie, które porządkuje świat organizacji przez pryzmat użytkownika. Dokładnie to wydarzyło się w Rawlplug – firma zyskała nie tylko nowy serwis czy e-commerce, ale nową strukturę myślenia o relacjach z partnerami.

Podsumowanie

Transformacja Rawlplug pokazuje, że złożone środowiska B2B można projektować tak, by były przyjazne, logiczne i skuteczne. Wystarczy potraktować projekt nie jako wdrożenie systemu, ale jako proces zrozumienia organizacji – od strategii po interfejs.

Z mojej strony również ogromne podziękowania dla całego zespołu Rawlplug. Ludzi, którzy okazali się fantastycznymi kompanami w tej fascynującej podróży ❤️. Bez ich zaangażowania i ogromu wiedzy o tym jak funkcjonuje branża projekt na pewno straciłby wiele.