CRM / Panel klienta / Aplikacja webowa

ClientHub — panel klienta i system CRM dla firm

Dedykowany panel CRM łączący klientów, zamówienia, finanse i magazyn. Administrator zarządza procesem, a klient samodzielnie sprawdza status, saldo oraz dostępne towary.

O projekcie

Rozwiązanie zbudowane
wokół użytkownika.

ClientHub powstał jako przykład dedykowanego systemu dla firmy, która chce zastąpić arkusze, wiadomości i kilka osobnych narzędzi jednym panelem. Aplikacja składa się z panelu administracyjnego oraz panelu klienta. Administrator może zarządzać kontami klientów, zamówieniami, operacjami finansowymi i stanami magazynowymi. Klient po zalogowaniu widzi swoje zamówienia, postęp realizacji, saldo oraz aktualną liczbę produktów pozostających w magazynie. System został zaprojektowany z myślą o firmach pośredniczących w zakupach, prowadzących magazyn lub obsługujących zamówienia realizowane częściowo. Architektura projektu pozwala również na późniejsze dodanie integracji z zewnętrznym oprogramowaniem, systemami magazynowymi oraz API. ClientHub jest projektem demonstracyjnym prezentującym moje możliwości projektowania i tworzenia aplikacji biznesowych.

Moja rola

Projekt i samodzielna realizacja aplikacji: analiza procesu biznesowego, struktura systemu, interfejs użytkownika, panel administratora i klienta, model bazy danych, logika zamówień, finansów oraz magazynu, responsywność i testowanie.

Status projektu

Projekt demonstracyjny prezentujący dedykowany system biznesowy dla firm obsługujących klientów, zamówienia i magazyn.

Technologie

Frontend

Next.jsReactTypeScriptTailwind CSS

Backend i API

Node.jsREST API

Dane

PostgreSQLModel CRMHistoria operacji

Bezpieczeństwo

System autoryzacjiRole użytkowników

UX

Responsywny interfejsPanel klientaPanel administratora

Proces

Od zamówienia do
historii operacji.

Przykładowy scenariusz pokazuje, jak system spina zamówienie, częściową realizację, wydania magazynowe i historię działań.

01Klient składa zamówienie
02Administrator przyjmuje je do realizacji
03Towary są stopniowo dodawane do zamówienia
04Klient widzi aktualną ilość zrealizowaną
05Część towaru może zostać wydana
06System pokazuje produkty pozostałe do odbioru
07Wszystkie operacje zostają w historii

Problem i rozwiązanie

01 / Problem

Co wymagało zmiany?

W wielu firmach informacje o klientach, zamówieniach, płatnościach i towarach znajdują się w różnych miejscach: arkuszach Excel, wiadomościach e-mail, papierowych notatkach, programach magazynowych i komunikatorach. Powoduje to ręczne przepisywanie danych, trudności w sprawdzaniu aktualnego stanu oraz częste pytania klientów o realizację zamówienia.

02 / Rozwiązanie

Jak to rozwiązałem?

ClientHub gromadzi najważniejsze dane w jednym systemie. Firma otrzymuje wspólny panel do zarządzania procesem, a klient może samodzielnie sprawdzić aktualny status bez kontaktowania się z pracownikiem.

Funkcje

Najważniejsze
elementy projektu.

01Panel administratora z najważniejszymi statystykami
02Zarządzanie klientami
03Tworzenie i aktualizowanie zamówień
04Obsługa częściowej realizacji zamówienia
05Historia operacji finansowych
06Kontrola salda każdego klienta
07Zarządzanie stanami magazynowymi
08Historia zmian i operacji
09Wyszukiwanie oraz filtrowanie danych
10Bezpieczne logowanie klienta
11Podgląd własnych zamówień i statusu realizacji
12Ilość zamówiona, zrealizowana i pozostała
13Podgląd produktów znajdujących się w magazynie
14Aktualne saldo i historia operacji
15Czytelny widok również na telefonie

Architektura

Spójny system
od frontendu po dane.

Oddzielone warstwy aplikacji ułatwiają rozwój, wdrażanie i bezpieczną obsługę zewnętrznych integracji.

Frontend

Next.jsReactTypeScriptTailwind CSS

Backend i API

Node.jsREST APIAutoryzacja i role

Dane i procesy

PostgreSQLCRMZamówieniaFinanseMagazyn

Panel administratora

REST API

PostgreSQL

Integracje backendu

WAPRO Wf-MagE-mail / SMSKurierzyPłatności onlineEksport danych

Rezultat

Jeden panel zamiast
pięciu narzędzi.

Jeden panel zastępuje kilka rozproszonych narzędzi: arkusze, wiadomości i ręczne notatki. Firma szybciej obsługuje klientów, ogranicza pomyłki, lepiej kontroluje zamówienia oraz magazyn, a klient sam sprawdza najważniejsze dane bez kontaktu z pracownikiem.

ClientHub jest projektem demonstracyjnym. Dane widoczne na screenach są przykładowe i nie przedstawiają prawdziwych klientów ani prawdziwych zamówień.

Galeria