ERP / CRM · B2B
ERP i CRM dla firmy produkcyjnej B2B
ERP zaprojektowany od zera dla firmy, która produkuje towary i sprzedaje przez dystrybutorów: sześć modułów, pięć działów i interfejs dystrybutora.
- Klient
- Rifbar Inc.
- Okres
- mar 2023 – kwi 2025
- Moja rola
- Projektant produktu, później design engineer
- Zakres
- Projektowanie produktu, ERP, System projektowy

Kontekst
Klient produkuje towary i współpracuje z dystrybutorami. ERP obejmuje pięć działów (zarząd, magazyny, finanse, prawnicy, marketing) oraz interfejs dystrybutora: razem sześć modułów.
Problem
- Użytkownicy w wieku od 22 do 65 lat uznali system za intuicyjny, ale mieli trudności z pierwszą nawigacją i wdrożeniem.
- Stare narzędzia miały ograniczenia skalowania, skomplikowane procesy z wysokim progiem wejścia, rozproszone informacje i przestarzały interfejs ERP.
- Pytanie: jak sprawić, żeby wdrożenie i nawigacja były na tyle szybkie, by ludzie przechodzili na system bez straty czasu.
Co zrobiłem
- Przeprowadziłem burze mózgów z interesariuszami, programistami i kierownikami zespołów, a potem wywiady i persony dla każdego działu.
- Narysowałem wireframe’y każdego ekranu, potem prototypy o niskiej i wysokiej szczegółowości.
- Przeprowadziłem dwie rundy badań użyteczności. Wnioski: tabele i karty czyta się czytelnie, użytkownicy chcą okruszków nawigacyjnych, ważne są zaufanie i bezpieczeństwo, a prosili też o motywy, zmianę rozmiaru tekstu i obsługę czytników ekranu.
- Dodałem układy responsywne i ciemny motyw oraz napisałem specyfikacje funkcjonalne dla interesariuszy, programistów i QA.
Rezultaty pracy
- Wireframe’y i makiety sześciu modułów
- Responsywne ekrany mobilne
- Ciemny motyw
- System projektowy
- Specyfikacje funkcjonalne
Efekt
Produkt poprawił zarządzanie firmą i zwiększył sprzedaż.
Po pierwszym miesiącu użytkowania użytkownicy reagowali pozytywnie.
Ciąg dalszy projektu
Ciąg dalszy: od makiet do systemu projektowego w kodzie
W październiku 2026 zamieniłem makiety ERP w Rifbar Design System, bibliotekę w React i TypeScript z dokumentacją w Storybooku. Kierowałem procesem wspieranym przez AI (Figma, Figma MCP, Claude Code, pull request na GitHubie, podgląd na Vercelu), wybierałem, co budować, oraz sprawdzałem i scalałem każdy pull request.
- 60
- komponentów (22 atomy, 38 molekuł)
- 242
- tokenów projektowych z jednego tokens.json
- 137
- ikon SVG
- ~480
- historii w Storybooku
Wybrane ekrany






Następne case study
Hiive: aplikacja do zakupów wideo i promocji na iOS →