Prejsť na obsah
Interný produktAplikáciaCRMVo vývoji

WCRM: leady a úlohy namiesto tabuliek

Interné CRM pre obchodný tím Walia, ktoré je vo vývoji. Má spojiť leady zo Scrapiku, plánovanie ďalšieho kroku a prácu obchodníka na počítači aj v telefóne.

Klientnkz.dev, interne
RolaNávrh rozhrania a vývoj
StavVo vývoji
WCRM – prehľad leadov a plánovaných krokov
Zadanie

Leady v tabuľke a v niečej hlave

Walio predávame lokálnym podnikom. Kontakty zbiera Scrapik, ale dávka firiem sama o sebe nič nevyrieši: niekto musí rozhodnúť, komu zavolať, kedy a čo bolo naposledy. Viedli sme to v tabuľke a po niekoľkých stovkách záznamov to prestalo fungovať.

Hotové CRM túto časť zvládajú, ale žiadne nedokázalo brať dávky zo Scrapiku bez toho, aby prepisovalo rozrobenú prácu. Napísali sme si teda vlastné.

Čo staviame

Šesť častí jednej aplikácie

Návrh aj dátový model sú hotové pre každú časť. Obrazovky napájame na databázu postupne, import zo Scrapiku sa ešte dokončuje.

Import leadov zo Scrapiku

Dávka firiem z Google Places a verejných registrov má prísť do CRM, prejsť kontrolou duplicít a rozdeliť sa medzi obchodníkov. Napojenie sa pripravuje.

Denný zoznam obchodníka

Obrazovka Dnes drží naplánované kroky. Každý záznam má ďalší krok, takže nič neprepadne medzi hovormi.

Pipeline v dvoch pohľadoch

Kanban odpovie, ako veci stoja. Tabuľka odpovie, čo sa uzavrie do konca mesiaca a za koľko.

Detail firmy a kontaktu

Firma je hlavná entita, kontakt má vlastnú obrazovku s históriou. Volám človeku, chcem jeho históriu, nie celej firmy.

Mobilná aplikácia obchodníka

Pod 900 pixelov sa vykreslia štyri záložky: Dnes, Firmy, Hľadať, Ja. Práca v teréne bez zmenšeného desktopu.

Role bez zakázaných tlačidiel

Obchodník, manažér a admin vidia iné obrazovky. Prvok, na ktorý používateľ nemá právo, v rozhraní jednoducho nie je.

Prečo takto

Tri rozhodnutia o rozhraní

Kontakty nie sú v navigácii, ale majú vlastnú obrazovku

Firma je hlavná entita, takže zoznam tisícov ľudí by bol mŕtva obrazovka. Konkrétneho človeka nájdem vyhľadávaním. Detail kontaktu je ale reálny scenár: volám mu a chcem jeho históriu.

Príležitosti sú prepínač, nie druhá položka navigácie

Kanban odpovedá „ako veci stoja“, tabuľka odpovedá „čo sa uzavrie do konca mesiaca“. Sú to dva pohľady na tie isté dáta; dve položky navigácie by nútili premýšľať, kam kliknúť.

Oprávnenia sa nezamykajú, jednoducho sa nevykreslia

Žiadne zošednuté tlačidlo a žiadna hláška o chýbajúcom práve. Na cudzej firme vidí obchodník obmedzený náhľad a jednu akciu: požiadať o pridelenie. Aplikácia číta rolu z databázy, nie z vlastného stavu.

Ako to prebiehalo

Štyri etapy

Práca v tabuľkách

Leady sme viedli v tabuľke a v hlave. Nikto nevidel, kto komu volal a čo sa má stať ďalej.

Návrh rozhrania

Najprv vznikol dizajnový podklad pre desktop aj mobil: obrazovky, stavy, tokeny pre farby, rádiusy a výšky.

Databáza a prihlásenie

Schéma v Supabase s oprávneniami vynútenými na úrovni databázy. Účet čaká na schválenie adminom, sám o sebe nič neotvorí.

Napájanie obrazoviek

Rozhranie zatiaľ číta vzorové dáta. Nahrádzame ich dopytmi do databázy, začínajúc zoznamami a detailom.

Obchodné pravidlá

Čo v CRM platí, aj keď to nie je vidieť

Tieto pravidlá nie sú detaily rozhrania. Keby prestali platiť, aplikácia by začala strácať rozrobenú prácu.

Import neprepíše prácu

Nová dávka aktualizuje len faktické údaje o podniku. Vlastník, stav, poznámky, úlohy a história zostávajú.

Zahodený lead sa nevracia

Posúdenie kvality sa uchováva, takže ručne zahodená firma sa v ďalšej dávke nevráti ako nová.

Zapísanie aktivity nie je plán

Aktivita ide do histórie, krok do budúcnosti. Po zapísaní sa ponúkne naplánovanie ďalšieho kroku, dá sa aj preskočiť.

Cudzie dáta ukazujú zdroj

Scrapik, Google Places alebo verejný register. Takú hodnotu nejde upraviť ručne.

Duplicity aj podľa mena človeka

Kontrola sa pozerá na názov, IČO, e-mail, telefón, doménu aj meno osoby. Keď ohlási zhodu, obchodník môže lead aj tak založiť, pretože zhoda ešte neznamená duplicitu.

Prevzatie nie je pridelenie

Voľný lead si obchodník vezme hneď. O firmu, ktorú už má kolega, musí požiadať a žiadosť dostane kolega aj manažér.

Technológie

Oprávnenia stráži databáza

Oprávnenia vynucuje databáza, nie rozhranie. Farby, rádiusy a výšky držia vlastné tokeny.

Aplikácia a dáta
React 19TypeScriptVite 7React Router 7SupabasePostgreSQLRow Level SecurityVlastné CSS tokeny
Rozsah

Z čoho sa aplikácia skladá

3Role s vlastnou sadou obrazoviek
2Rozhrania: desktop a mobil
9Klávesových skratiek na desktope
6Obchodných pravidiel opísaných vyššie
Kde to stojí

Databáza beží, obrazovky sa napájajú

Aplikácia má skutočné prihlásenie a skutočnú schému databázy vrátane oprávnení. Obrazovky ale zatiaľ čítajú vzorové dáta, takže zmena vlastníka alebo fázy neprežije obnovenie stránky.

Postupne to nahrádzame dopytmi do databázy. Zoznamy potrebujú stránkovanie, filtre a triedenie na serveri, pretože záznamov sú tisíce. Import zo Scrapiku pobeží na serveri a rozhranie bude len čítať výsledok.

Riešite niečo podobné?

Napíšte nám, ako dnes evidujete obchod. Ozveme sa do dvoch pracovných dní.

Ďalšie projekty

Čo sme robili ďalej

Všetky projekty →