Agencja UX

Mapowanie ścieżki użytkownika (User Journey Mapping, UJM) to metoda warsztatowa, na której opiera się brief. Oceniamy potrzeby i zachowania użytkowników z kilku perspektyw. Prowadziliśmy je dla startupów z nowym produktem i dla korporacji z rozwiniętymi systemami, w różnych branżach, dla klientów ze Stambułu, Londynu, Oslo i Warszawy. Nasz artykuł o przygotowaniu warsztatów UJM opisuje to szczegółowo.

Product Designer odpowiada za całościowe doświadczenie użytkownika. Badania, architektura informacji i logika aplikacji nie należą do zadań Visual Designera, z jednym wyjątkiem: na warsztacie discovery Visual Designer wspólnie z Product Designerem określa architekturę informacji i strukturę treści.

Kto jest w pokoju

Product Designer bierze udział w warsztacie, ilekroć projekt ma warstwę UI lub UX. Head of Design Daria Gusieva prowadzi warsztaty i pilnuje standardu prowadzenia naszych projektów designu.

Jak praca trafia do programistów

Programiści dostają kompletną dokumentację projektową i wsparcie w zrozumieniu logiki oraz doświadczenia użytkownika. Poprawiamy projekt na podstawie uwag z implementacji.

BizBot

BizBot to startup z Oslo, który automatyzuje administrację firm. Przeprojektowaliśmy UX i UI jego platformy, a praca objęła też identyfikację marki, stronę i materiały marketingowe, razem z systemem projektowym pod kolejne moduły.

Zanim zaczęliśmy projektować, zespół musiał zrozumieć, jak działa biznes w Norwegii, razem z lokalnymi niuansami prawnymi i kulturowymi. Prowadziliśmy warsztaty produktowe i hackathony w Warszawie, Oslo i Stambule. Sesje twarzą w twarz pokazały, na ile projekt pasuje do realnej pracy norweskich firm. Przeczytaj opis projektu BizBot.

Filmgrail

Filmgrail to platforma white label dla kin. Od 2020 roku nasi projektanci prowadzą jej rebranding, z nową tożsamością wizualną i logo, i przeprojektowali wszystkie moduły oraz komponenty używane w jej aplikacjach i na stronach. Projektanci są częścią zespołu Filmgrail i pracują zdalnie z Warszawy przez Slacka. Na początku powstało kilka wariantów wyglądu, tak by interfejs był „przezroczysty” i dopasowywał się do kolorystyki każdego kina.

Portal klienta dla firmy handlującej energią

Wszystkie moduły portalu mają wspólne zasady wizualne i komponenty. Opracowaliśmy przepływy użytkownika dla każdej roli: Client, Seller, Trader i Back-office. System projektowy został zweryfikowany technicznie przed budową, w pierwszym sprincie.

Pulpity dla przemysłowego IoT

Przy pulpicie operatora pracę zaczynamy od analizy procedur i instrukcji firmy, które zamieniamy na historyjki użytkownika, zanim zaprojektujemy jakikolwiek pulpit. Potem przeprowadzamy wywiady z operatorami, którzy na co dzień zarządzają środowiskiem, i obserwujemy typowy dzień oraz rutynę. Priorytety ustalamy z operatorami, bo jeden pulpit nie pasuje każdemu: jeden operator ma dwa monitory, inny cztery. Dlatego budujemy widżety, które operator może przesuwać, rozciągać i minimalizować. Prototyp trafia do użytkowników, a ich uwagi wdrażamy w kolejnej rundzie, aż wszyscy się zgodzą. Więcej w naszym artykule o pulpitach dla przemysłowego IoT.

Kyoto i interfejsy SCADA

Projekt dla Kyoto zaczął się od MVP UX/UI i urósł do panelu BMS opartego na SCADA. W interfejsie panelu są elementy rozszerzonej rzeczywistości w widoku z kamery operatora. Interfejs SCADA potrzebuje zachowawczej palety kolorów powiązanej ze statusami, schematu rozmieszczenia urządzeń, braku animacji odciągających uwagę i widoku dopasowanego do roli. ISA-101 to standard opisujący interfejs człowiek-maszyna (HMI) w tej dziedzinie.

Zeronest

W Zeronest, systemie zarządzania energią, który zbudowaliśmy, aplikacja domownika pokazuje prosty opis spodziewanej produkcji zamiast surowej prognozy pogody i działa na samych danych z licznika, więc korzystać z niej może też dom bez paneli fotowoltaicznych. Każdy użytkownik widzi tylko to, na co pozwala jego rola.

Projektowanie prowadzi fazę discovery, a potem idzie obok budowy. W PSONI było główną częścią discovery, a po niej przeanalizowaliśmy kod pod kątem designu. W Enerace warsztaty projektowe towarzyszyły pracy nad nowym modułem od listopada 2024 do stycznia 2026.

Dla aplikacji do sprzedaży gadżetów na wydarzeniach na żywo zaprojektowaliśmy widoki MVP wokół tego, czego sprzedawca potrzebuje podczas wydarzenia, od pulpitu sprzedażowego i wydruku etykiet po bieżący podgląd stanów magazynowych.

Aplikację Centrum Komunikacji zbudowaliśmy z dostępnością jako wymaganiem, na urządzenia mobilne i do przeglądarki, zgodnie z WCAG 2.1 AA. Jej użytkownicy to osoby głuche, słabosłyszące, głuchoniewidome, niewidome i słabowidzące. Część używa polskiego języka migowego (PJM), część czyta tekst, część korzysta z monitora brajlowskiego lub czytnika ekranu.

Warsztaty i testy z tymi użytkownikami zmieniły interfejs. Ekrany rejestracji, wymagania dotyczące hasła, regulamin i powiadomienia mają wideo w PJM, a odrzucony wniosek przychodzi z powodem w wideo PJM i na piśmie. Pasek aplikacji ma przełączniki rozmiaru tekstu i trybu wysokiego kontrastu. Po szkoleniu tłumacze poprosili o lustrzany podgląd własnego obrazu i go dodaliśmy.

Testy z czytnikiem ekranu trwały przez cały projekt. We wrześniu 2026 niewidomy ekspert dostępności, który współpracuje z klientem, przetestował produkcyjną aplikację na iOS i Androidzie.

Zmiana tłumacza bez przerywania rozmowy

Przy dłuższych sesjach w pokoju jest dwóch tłumaczy. Gdy tłumacz się zmienia, przełącza się tylko aktywne wideo, więc rozmowa trwa, a aktywny tłumacz jest pokazany jako pierwszy.

Priorytet dla pilnych połączeń

Wspólnie z klientem ustaliliśmy, że wywołania SOS trafiają do kolejki priorytetowej, bez automatycznego przekazywania przez dyspozytora. Użytkownik widzi swoje miejsce w kolejce, a tłumacz widzi, ile osób czeka.

Tekst z maszyny sprawdzany przez człowieka

Panel transkrypcji pokazuje tekst roboczy i zatwierdzony w różnych kolorach, a przepływ to szkic, korekta, wysłanie. Użytkownik widzi tylko tekst zatwierdzony.