Przejdź do treści
Stonepath

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
Ekrany ERP: sklep internetowy, czat i analityka wysyłek na laptopie, tablecie i telefonie

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

Pulpit ERP w ciemnym motywie
Ciemny motyw
Ekran analityki wysyłek w ERP
Analityka wysyłek
Ekran czatu w ERP
Wbudowany czat
Ekrany ERP rozłożone w Figmie
Struktura pliku Figmy
Przegląd systemu projektowego ERP
System projektowy
Wireframe o niskiej szczegółowości ekranu analityki
Wireframe low-fi