Egyedi webapp · SaaS
Drew Portal: a saját első ügyfelem én voltam
Négy széttagolt eszközből egy rendszer: a teljes ügyfélfolyamat (lead, ajánlat, foglalás, feladat, számla) egyetlen saját platformon, AI-automatizmusokkal. És ki is próbálhatod.
4 eszköz → 1 rendszer
Trello/Asana, Toggl, Excel, kézi Billingo
3 felület, 27 képernyő
admin, ügyfélportál, publikus végpontok
3 AI-munkafolyamat
audit, előzetes árajánlat, scoping-chat
570
automata teszt-állítás védi az üzleti logikát
Próbáld ki élőben a demót →: egy kattintás, jelszó nélkül, admin- és ügyfél-nézetben.
A kihívás
Sokféle partnerrel dolgozom, és mindegyik más eszközt szeretett: az egyik Trellóban, a másik Asanában vezette a feladatokat, volt, akivel Excelben követtük a weboldalakon végzett munkát. Az időt Toggl Trackkel mértem, de ahhoz, hogy ezek a rendszerek beszéljenek is egymással, mindegyikre külön elő kellett volna fizetni. A hónap végén pedig jött a számlázás: kézzel, tételről tételre a Billingóban. Időigényes volt, és tele hibalehetőséggel: elgépelés, kimaradt tétel, feledékenység.
Egy ponton eldöntöttem: megépítem a saját ügyfélportálomat, ahol mindez egy helyen, töredék költséggel fut. Aztán tovább mentem: újraépítettem a lead-oldalamat is, és összekötöttem a két rendszert. Ma a teljes ügyfélfolyamat a saját platformomon belül zajlik, az első érdeklődéstől a kifizetett számláig.
A megoldás
1. Feladatok és időmérés a Trello + Toggl helyett
Kanban-tábla, táblázatos és munkanapló-nézet, prioritások, részletfizetési tervek. Az időmérő egy kattintással indul a feladatról, és a szerveren fut: ha bezárom a laptopot, akkor sem veszik el egy perc sem. A mért idő pedig nem egy külön rendszerben ragad: automatikusan a következő számla tételei közé folyik. A határidőket munkaidő-alapú SLA számolja, amely a magyar ünnepnapokat és az áthelyezett szombati munkanapokat is ismeri.
Ráadásnak ott a Gmail-bővítmény: egy megnyitott e-mailből egyetlen kattintással lesz feladat a portálon, a megfelelő ügyfélhez kötve, visszalinkelve a pontos levélre.
2. Számlázás a kézi Billingo-maraton helyett
A hónapzárás ma egy varázsló: a rendszer magától összegyűjti, mi számlázandó (a karbantartási díjakat előre, az elkészült munkákat utólag), mutat egy ügyfelenként átnézhető vázlatot, majd egy gombnyomásra kiállítja az összes Billingo-számlát. Három rétegű védelem garantálja, hogy ugyanaz a tétel kétszer soha ne kerüljön számlára, és a portál meg a Billingo végösszege forintra egyezzen. A vezérlőpulton külön sáv követi az alanyi adómentesség értékhatárát, és 80%-nál előre szól.
3. A teljes ügyfélút egy rendszerben, AI-val, ami tud viselkedni
Az újraépített weboldal és a portál összekötésével az érdeklődőből ügyfél válás minden lépése automatizált:
- A beérkező lead oldalát a rendszer automatikusan felméri (sebesség, SEO, technikai állapot), és AI készít belőle ügyfélnek szánt összefoglalót és belső értékesítési briefet.
- Az előzetes árajánlatot determinisztikus ár-motor számolja a saját árlistámból, az AI csak megfogalmazza. Az AI nálam sosem áraz, a végleges ajánlat pedig minden esetben emberi döntés.
- A weboldalon AI-asszisztens pontosítja az igényeket, szerveroldali költség-sapkákkal.
- Az érdeklődő időpontot foglal: a foglalás a valós Google-naptárammal számol, a dupla foglalás adatbázis-szinten lehetetlen, és ha a Google-ben átrakok egy eseményt, a portál 10 percen belül követi.
- A megbízásból feladat lesz, a feladatból mért idő, abból számla: a kör bezárul.
- Az elégedett ügyfelek pedig az ajánlói programban személyes linket kapnak: a jutalék automatikusan gyűlik (de csak ténylegesen kifizetett számlák után), és a következő számlájukból íródik jóvá.
4. Ügyfélportál: az ügyfeleim ugyanezt látják
Az ügyfeleknek saját belépésük van: valós időben látják a feladataik állapotát, bejelentést tehetnek, időpontot foglalhatnak, elérik a számláikat és a karbantartási csomagjuk tartalmát, mindezt e-mail-pingpong helyett egy átlátható felületen.
5. Ami nem látszik, de a legfontosabb
A rendszer pénzt kezel, ezért úgy épült, ahogy a banki szoftverek: minden tábla sorszintű jogosultság-védelem mögött, minden pénzügyi művelet naplózva, az üzleti logikát 570 automata teszt-állítás őrzi, és minden kritikus folyamat újraindítás-biztos: egy megszakadt számlázási menet folytatható, duplikáció nélkül.
6. A demó nem képernyőkép, hanem kipróbálható rendszer
A demo.drewsystems.hu a portál teljes, kipróbálható változata: egy kattintással beléphetsz adminként vagy ügyfélként, kitalált cégek élethű adataival. Fizikailag képtelen éles kárt okozni: teljesen izolált környezetben fut, éles kulcsok nélkül, valódi számlát nem állít ki, és óránként visszaáll az alapállapotába. Nyugodtan kattints szét benne.
Az eredmény
- Négy előfizetéses eszköz kiváltva egyetlen saját rendszerrel, integrációs díjak és havidíjak nélkül, töredék üzemeltetési költségen.
- A havi számlázás kézi maratonból gombnyomásos varázsló lett, elgépelés és kifelejtett tétel nélkül.
- Az érdeklődők kiszolgálása magától indul: mire ránézek egy leadre, kész az oldalának technikai felmérése és az ajánlat-vázlat.
- Az ügyfeleim átláthatóságot kaptak: a „hol tart a munka?” kérdés megszűnt, mert a portálon mindig látszik.
- És mindez referencia is egyben: ha egy ügyfélnek egyedi rendszer kell, nem mutatok, hanem odaadom kipróbálni.
| A rendszer számokban | Érték |
|---|---|
| Képernyők | 27 (14 admin + 9 ügyfélportál + 4 publikus) |
| Adatbázis-táblák | 44, mind sorszintű jogosultsággal védve |
| Szerveroldali üzleti logika | ~100 SQL-függvény + 18 edge function |
| Automata tesztek | 39 tesztfájl, 570 állítás |
| Kódbázis | ~52 000 sor |
| Integrációk | Billingo · Google Calendar · Anthropic AI · Resend · Gmail |
Hogyan tovább
Készül a mobilapp-felület, hogy útközben is egy érintésre legyen minden fontos információ. A design-rendszer eleve ennek alapjaként épült.
Tech stack
Next.js · Supabase (Postgres, RLS, Edge Functions, pg_cron) · TypeScript · Billingo API · Google Calendar API · Anthropic (Claude) · Resend · Vercel · saját „Forge” design-rendszer
Ilyen rendszert szeretnél a saját folyamataidra?
Előbb nézd meg élőben, aztán beszéljük át, nálad mit automatizálnánk.
További esettanulmányok
Eszterkrém
Mobil PageSpeed 39 → 88, asztali 71 → 100 egy örökölt sablonkörnyezetben. A 48 másodperces LCP diagnózisától a hűségpont-rendszerig és az automata kampányokig, majd állandó karbantartás, hogy így is maradjon.
EsettanulmányÁtépítés · WordPressArbormachine
Teljes újjáépítés: elavult sablonból modern, konverzióra szabott oldal, ügynökségi designból pixelpontosan, saját sablonrendszeren. Asztali PageSpeed 4×100, mobilon 98, úgy, hogy a hero alatt videók futnak.
Esettanulmány