my7N | Matt Staniszewski

7N rosło bardzo szybko i firma potrzebowała własnej platformy IT do zarządzania procesami wewnętrznymi i efektywniejszego wsparcia rekrutacji. Zarząd zdecydował się zbudować ten system od zera, zbierając zespół zdolnych projektantów i developerów. Dołączyłem jako Senior UI Designer i konsultant UX, a później zostałem Lead Designerem. Pomagałem kształtować zupełnie nowe doświadczenie produktowe dla rozwijającej się organizacji.

Zastrzeżenie: wszystkie opinie wyrażone w tym tekście są moje własne i nie muszą odzwierciedlać stanowiska firmy. Niektóre elementy projektu zostały zmienione względem oryginału.

Moja rola

Odpowiadałem za definiowanie wytycznych UI, tworzenie prototypów high-fidelity i budowanie płynnych interakcji. Wspierałem też tworzenie user flow, kiedy było to potrzebne.

Produkt przeszedł przez dwie główne iteracje w ciągu trzech lat. To dało nam mnóstwo czasu na research, testy i dopracowywanie szczegółów. Nasz zespół (trzech projektantów: jeden UX, dwóch UX/UI, plus solidna grupa inżynierów oprogramowania) zaspokajał potrzeby czterech różnych Product Ownerów.

Pierwotnie zaplanowana jako MVP narzędzia do zarządzania, platforma z czasem przekształciła się w wielofunkcyjny hub do zarządzania obecnymi i przyszłymi konsultantami w całym 7N. Na początku projekt nie miał wyznaczonego lidera ani IT managera. Te role wyłoniły się organicznie, w miarę jak platforma dojrzewała.

Główne cele

01 / Zapewnić dostępność. Duże platformy mogą przytłaczać. Nasze narzędzie musiało prowadzić menedżerów i pracowników przez onboarding, oceny okresowe i rozwój kariery bez zamieszania.

02 / Zebrać wszystko w jednym narzędziu. Zarządzanie danymi użytkowników bywa frustrujące, zwłaszcza kiedy obie strony doświadczenia (pracownik i zarząd) nie są traktowane równo. Chcieliśmy stworzyć spokojne, intuicyjne doświadczenie.

03 / Dać użytkownikom poczucie wartości. Szukaliśmy sposobów, by pokazać użytkownikom, że ich wiedza ma znaczenie, i potwierdzić, że rozwijają się i wyróżniają w swoich specjalizacjach.

04 / Odzwierciedlić kulturę 7N. Chcieliśmy przełożyć otwartą, opartą na feedbacku kulturę 7N na funkcje takie jak czat i proste narzędzia komunikacji.

Kontekst i discovery

Musieliśmy dobrze zrozumieć środowisko organizacyjne i różne perspektywy, które wpływały na platformę. Mieliśmy wielu product ownerów, każdy z innymi priorytetami, więc przeprowadziliśmy wywiady wewnętrzne i zewnętrzne, żeby uchwycić potrzeby realnych użytkowników.

Korzystając z bazy konsultantów, znaleźliśmy i przepytaliśmy użytkowników z 7N i poza nim. Dzięki wkładowi ponad 30 współpracowników zbudowaliśmy proto-persony, żeby lepiej zrozumieć typowe potrzeby i frustracje użytkowników. Większość danych pochodziła od pracowników wewnętrznych, a ich feedback pozostał podstawą naszych decyzji.

Zrozumieć użytkowników

Gwiazda wśród developerów: Henrik jest doświadczonym Senior Software Engineering Consultantem w 7N, aktualnie przypisanym do jednego z największych banków Skandynawii. Chce zaktualizować swój profil z pomocą Agentów i Managerów, żeby zwiększyć swoją widoczność i szanse na zdobycie prestiżowych kontraktów. Cel: profil konsultanta, który się wyróżnia, zaprojektowany unikalnie i widoczny na pierwszym planie platformy.

Rekruter: Markus jest doświadczonym Senior Recruiterem w 7N, który bez przerwy skanuje europejski rynek, żeby znaleźć najlepsze 3% talentów IT. Skandynawski rynek pracy IT stawia przed nim nietypowe wyzwania w poszukiwaniu wykwalifikowanych specjalistów. Cel: mocne narzędzia do wyszukiwania i porównywania, które skrócą czas researchu o połowę.

Nowicjusz: Lukas jest zdolnym Senior Backend Developerem, rekrutowanym do długoterminowego projektu klienckiego jako konsultant. Cel: płynny i prosty onboarding, żeby jak najszybciej dołączyć do 7N i dostać ofertę pracy.

Agentka: Anna pomaga zespołom w firmie rosnąć i trzymać się razem. Odpowiada za onboarding nowych konsultantów 7N. Cel: niezawodne narzędzie, które przyspiesza oceny, śledzi dynamikę zespołu i ułatwia onboarding, czyniąc zarządzanie bardziej efektywnym i skoncentrowanym na ludziach.

Łączenie wątków

Jako lider designu wizualnego grałem hybrydową rolę: obserwowałem, zadawałem pytania, poprawiałem drobne rzeczy i wspierałem decyzje zespołu, kiedy było to potrzebne. Można powiedzieć, że stałem gdzieś między Design Thinking a inżynierią.

Zespół deweloperski zapewniał solidny nadzór architektoniczny, co ograniczyło niepotrzebne przepychanki i pozwoliło nam działać szczupło i w skupieniu.

Zespół designu zbudował sprytne flow, szczegółowe prototypy i skuteczne mapy poznawcze. Pierwszej iteracji zabrakło spostrzeżeń części interesariuszy, więc druga runda była lepiej przygotowana.

Skupiliśmy się na zbudowaniu solidnego MVP, które obejmowało system CV i zarządzanie użytkownikami (Power Tools). Poza MVP nasza roadmapa zawierała dodatkowe funkcje dla product ownerów, ale te zostały odłożone, żeby zmieścić się w terminach.

Czarno na białym

Skoro UI było w dużej mierze oparte na tekście, celowo unikałem bałaganu w postaci niepotrzebnych ikon. Zamiast tego postawiłem na wyraźny kontrast i silne wskazówki wizualne, które prowadziły użytkowników przez kolejne akcje.

Nasi użytkownicy pochodzili z ponad 8 krajów na 3 kontynentach, więc dostępność i inkluzywność były priorytetem. Czysty, kontrastowy design dobrze wpisywał się w markę 7N. Fonty, kolory i layout zostały opisane w wytycznych komponentów web.

Przed publicznym startem

Zdecydowaliśmy się wystartować z prywatną betą, wyłącznie z długoletnimi pracownikami 7N, żeby dopracować funkcje w bezpiecznej przestrzeni. Ta runda testów pozwoliła mi zebrać szczegółowy feedback na temat niezawodności i dostępności designu.

Zarówno User Creation Wizard, jak i CV Creator zostały przyjęte entuzjastycznie. Rekruterzy zauważyli, że skrócili czas przetwarzania o połowę, a menedżerowie z radością przyjęli nowoczesną alternatywę dla przestarzałego Azure CRM.

Zamknięta beta i pierwszy feedback. Zaprezentowanie platformy zamkniętej grupie było ważnym etapem. Po wywiadach z użytkownikami stworzyliśmy listę poprawek i przygotowaliśmy roadmapę rozwoju. Prowadziłem warsztaty UI, żeby od razu przekładać wnioski na nasze flow.

Ogólny odbiór designu był pozytywny, choć odstępy i kontrast wymagały drobnych poprawek. Szczególnie zapadł mi w pamięć jeden komplement: „Interfejs jasno komunikuje, gdzie jestem w procesie, nawet kiedy jest on złożony, jak np. tworzenie CV."

Otwarta beta

Okno otwartej bety dało nam kilka dodatkowych miesięcy przed publicznym wydaniem i okazało się błogosławieństwem. Naszym głównym celem było zbudowanie nowoczesnego systemu UI, który mógłby działać bez zmian przez lata.

Zacząłem od bibliotek komponentów w Figmie, żeby zaprojektować elastyczne, skalowalne elementy UI. Powstało i zostało udokumentowane ponad 30 komponentów z ponad 100 stanami. Na życzenie design system został udostępniony zespołowi R&D przez ZeroHeight.

Doładowanie Power Tools. Następnym krokiem było dopracowanie narzędzi dla menedżerów. Rozmiary fontów, odstępy i kontrast zostały zoptymalizowane pod długie użytkowanie, co zmniejszało zmęczenie oczu i poprawiało czytelność. Niebieski odpowiadał za akcje funkcjonalne, żółty stał się kolorem wyróżniającym przyciski główne, a pomarańczowy sygnalizował miejsca wartości i nacisku.

Nauka przez porównywanie. W trakcie developmentu przeprowadziliśmy cztery testy A/B, żeby dopracować różne aspekty interfejsu. Każdy z nich dawał mi jaśniejszy obraz tego, co działało, a co nie, zwłaszcza w kwestii flow nawigacji i czytelności interakcji. Wyniki pomogły nam odchudzić i uprościć UI bez utraty funkcjonalności. To, co zaczęło się jako rutynowa walidacja, stało się narzędziem nauki, które do dziś wpływa na to, jak projektuję.

Rozjaśnić dzień. Ulubionym dodatkiem zespołu były ilustracje i subtelne animacje, każda stworzona na zamówienie, żeby wnieść na platformę ciepłą, charakterystyczną tożsamość 7N.

Globalne wydanie

Na koniec zaplanowanej bety zaprezentowaliśmy my7N podczas 7N Quarterly Event, po blisko trzech latach pracy.

Kiedy my7N oficjalnie wystartowało, nie zwolniliśmy tempa. Utrzymaliśmy je, stawiając zbieranie feedbacku i wsparcie użytkowników na pierwszym miejscu. Dzień startu był tylko początkiem.

Użytkownicy mogli się skontaktować w każdej chwili przez live chat, zaczynając od przyjaznego chatbota, który odpowiadał szybko i naturalnie. Zaraz po wysłaniu CV byli zapraszani do zostawienia feedbacku, żeby podzielić się sugestiami albo powiedzieć, jak czuli się w całym procesie. W ten sposób zostawaliśmy w kontakcie i poprawialiśmy produkt.

Efekt

To był mój łabędzi śpiew w zespole 7N Research & Development i zostawiłem w tym projekcie kawałek siebie.

Przyszedłem ciekawy, a wyszedłem ze znacznie jaśniejszym obrazem tego, jak pracuję. To właśnie tutaj nauczyłem się głęboko empatyzować, iść za kreatywną intuicją i wyostrzać swój fokus jako projektant.

O prowadzeniu wielu produktów naraz. Na początku działaliśmy skromnie: malutki zespół, jeden developer i dwóch projektantów, wliczając mnie. Roadmapa była długa i wciąż rosła. W niektóre dni priorytetyzacja była wyzwaniem, a osoby na stanowiska liderskie dołączyły później niż powinny. Mimo to budowaliśmy dalej. Przez trzy lata zbudowaliśmy coś, co ewoluowało, żeby odpowiadać na realne potrzeby zarówno codziennych użytkowników, jak i nowych konsultantów.

Mentalność służby. Jedna z podstawowych wartości 7N: liderstwo to nie branie władzy, to usuwanie przeszkód z drogi. Nawet coś tak prostego jak zrobienie kawy zespołowi może wzmocnić poczucie wsparcia, obecności i skupienia.

Zasada trzech. Kiedy podchodziłem do problemu projektowego, trzymałem się „zasady trzech": trzy kierunki, trzy wersje, trzy punkty uderzenia. Zmuszała mnie, żebym mocniej wgryzał się w każdy pomysł i dawał zespołowi bardziej przemyślane, dopracowane rozwiązania.

Odwiedź my7N.