Szerelő kesztyűs kézben telefonnal egy pincében, frissen javított csövek mellett — szemléltető illusztráció
Épületgépészet — duguláselhárítás, víz- és fűtésszerelésKomplex Webapp

Kupi Bt. — weboldal árajánlat-kalkulátorral és offline munkalap-app számlázással

A székesfehérvári Kupi Bt.-nek weboldalt fejlesztettünk 5 lépéses árajánlat-kalkulátorral és teljes konverziómérést, majd belső munkalap-appot, amely a papír munkalaptömböt váltja ki: térerő nélkül is kitölthető munkalap, aláírás a telefonon, automatikus számla és ügyfélportál.

Ügyfél

Kupi Bt. (Székesfehérvár)

A borítókép AI-val készült illusztráció — nem ügyfélfotó és nem a tényleges rendszer képernyőképe.

9

Munkalap-lépés

5

Kalkulátorlépés

5

Szerepkör az appban

A kihívás

Ajánlatkérés és mérés, ami nem állt össze

A Kupi Bt. Székesfehérváron és Fejér megyében végez duguláselhárítást, víz- és fűtésszerelést, non-stop ügyelettel. A cég Google-hirdetésekkel is szerez ügyfeleket, ezért a weboldalnak gyorsan kell árat mutatnia, a mérésnek pedig pontosan kell látnia, melyik hirdetésből jön ajánlatkérés vagy hívás. A weboldal első változata után 2026 tavaszán ezért a mérést és a hirdetési szerkezetet újraépítettük: hozzájárulás-kezelés, szolgáltatásonkénti célzás és automatikus értesítés került bele.

Papír munkalap, utólagos számlázás

A helyszíni munkát indigós, sorszámozott papír munkalaptömbön rögzítették, a számlák utólag, kézzel készültek. Emiatt a számla gyakran napokkal a munka után ment ki, egy-egy elhagyott munkalap kiesett bevételt jelentett, a kintlévőségeket havonta kézzel kellett egyeztetni a könyvelővel, az ügyféladatok pedig papíron szóródtak szét, visszakereshetőség nélkül.

Munka a pincében, térerő nélkül

A szerelők gyakran pincében, rossz fényben, nedves kézzel dolgoznak, sokszor térerő nélkül. Egy digitális munkalapnak ezért telefonon, egy kézzel és hálózat nélkül is működnie kell, és semmilyen körülmények között nem veszhet el benne adat.

A megoldás

  1. Ajánlatkérés5 lépéses kalkulátor a weboldalon, becsült árral és e-mailes értesítéssel.
  2. Helyszíni munkalapÜgyfél, hibaleírás, tételek a szerelő telefonján, térerő nélkül is.
  3. AláírásAz ügyfél a telefonon látja a végösszeget és aláír.
  4. JóváhagyásA cégvezető átnézi és jóváhagyja a munkalapot.
  5. Számla és PDFSzámlázz.hu-számla és munkalap-PDF egy e-mailben az ügyfélnek.
  6. KintlévőségBanki egyeztetés és ügyfélportál a lezárt munkákkal.
A munkalap jóváhagyása, a banki párosítások elfogadása és minden bizonytalan számlázási eset emberi döntés; a rendszer az adatrögzítést, a számlakiállítást, a PDF-eket és a leveleket automatizálja.

A weboldal

Szolgáltatásonkénti landing oldalak és árajánlat-kalkulátor

A weboldal nyolc szolgáltatást mutat be, mindegyiket külön landing oldalon: womázás (magasnyomású tisztítás), spirálos duguláselhárítás, csatornakamerázás, csőtöréskeresés, vízvezeték-szerelés, radiátorcsere, fűtésszerelés és fűtésirendszer-tisztítás. Az 5 lépéses kalkulátor szolgáltatásonként eltérő kérdéseket tesz fel, a helyszínnél Google Places címkiegészítést használ, a Google Distance Matrix pedig kiszámolja a távolságot a telephelytől. Az összegzésben a látogató tételes, becsült bruttó árat lát.

A Kupi Bt. weboldalának főoldala: Duguláselhárítás Székesfehérvár és környékén 0-24, telefonos gombbal.
Képernyőkép az élő weboldalról (szekesfehervardugulaselharitas.hu).

Értesítés és mérés minden ajánlatkérésnél

Beküldéskor két e-mail megy ki a cég saját domainjéről: a tulajdonos megkapja az ügyfél adatait, az árbontást és a kérdőív válaszait, és egy válasszal elérheti az ügyfelet; az ügyfél visszaigazolást kap. A kézbesítést webhook követi vissza. A mérés Google Tag Managerrel, Consent Mode v2-vel és saját magyar sütibannerrel működik: a kalkulátorindítás, az ajánlatkérés, a telefon- és az e-mail-kattintás külön Google Ads-konverzió, Enhanced Conversionsszel. A hirdetésforrást (gclid, UTM) az ajánlatkéréssel együtt mentjük. A Google Ads-kampányokat szolgáltatásonkénti landing oldalakra szerveztük át. Az admin felületen az ajánlatkérések listája és egy AI-támogatott blogszerkesztő is elérhető.

A belső munkalap-app

Telepíthető, térerő nélkül működő PWA

Az app telefonra telepíthető webalkalmazás. Az adatok a telefonon tárolódnak, a szerelői felület mindent egy helyi várakozási sorba ír, amelyet a szinkron visz fel, amint van térerő. Offline is lehet ügyfelet felvenni, munkalapot kitölteni, aláíratni és lezárni. A szerelő felülete sötét, nagy gombokkal, képernyőnként egy fő művelettel, az ügyfélnek szóló előnézet világos, dokumentumszerű.

Három telefonos képernyő a munkalap-appból: futó munkaóra a szerelői munkalapon, aláírás a végösszeg alatt, és az ügyfélportál a letölthető munkalapokkal és számlával.
Szerelői munkalap, ügyfél-aláírás és ügyfélportál. Képernyőképek demóadatokkal.

Kilenc lépés a helyszínen

A szerelő megkeresi vagy felveszi az ügyfelet, elindítja a munkaórát, majd rögzíti a hibaleírást, a tételeket és a fizetési módot. A hibaleírás sablonból vagy hangdiktálással készül: a felvételből OpenAI Whisper készít átiratot, egy nyelvi modell szakmai megfogalmazást javasol, a munkalapra viszont csak az kerül, amit a szerelő jóváhagy. Az előnézetnél a telefon „megfordul”: az ügyfél a tételeket, a végösszeget és a nyilatkozatot látja, és a képernyőn aláír. Az aláírt változat lenyomata (hash) rögzül. A pénzösszegek tizedes aritmetikával számolódnak, az ügyeleti pótlékot a rendszer csak javasolja.

Jóváhagyás után automatikus számla

A cégvezető jóváhagyja a munkalapot, és a szerveroldali lánc elvégzi a többit: számlát állít ki a Számlázz.hu-n, elkészíti a munkalap-PDF-et az aláírással, és egyetlen e-mailben elküldi mindkettőt az ügyfélnek, átutalásnál a közleménnyel. Ha a számlázóhívás válasza elveszik, a tétel bizonytalan állapotba kerül, és a rendszer nem próbálkozik újra magától, hogy ne keletkezzen dupla számla. Garanciális vagy díjmentes munkánál a munkalap-PDF számla nélkül megy ki.

Az admin teendőlistája: hiányos számlázási adat, jóváhagyásra váró munkalap és meghiúsult kiszállás.
Az admin teendőlistája, képernyőkép demóadatokkal.

Teendőlista, kintlévőség, banki egyeztetés

A cégvezető egy teendőlistán látja az összes nyitott ügyet, 14 típusban: jóváhagyásra váró munkalap, hiányos számlázási adat, meghiúsult kiszállás, sikertelen e-mail, egyeztetendő befizetés és a többi. A banki kivonat feltöltése után először egy szabály párosít (számlaszám a közleményben és egyező összeg), a maradékra a Claude nyelvi modell ad párosítási javaslatot indoklással. Az AI csak meglévő tételek közül választhat, és minden párosítást ember hagy jóvá; automatikus könyvelés nincs.

Ügyfélportál és jogosultságok

Az ügyfél a lezárás után személyes belépő linket kap, és jelszó nélkül látja, illetve letöltheti a saját munkalapjait és számláit. Öt szerepkör van: cégvezető, számlázó szerelő, szerelő, könyvelő és ügyfél. Minden táblán sorszintű jogosultság (RLS) él, a cégvezetőnél kötelező a kétlépcsős azonosítás, az API-kulcsok kizárólag a szerveren vannak.

Az eredmények

A munkalaptól a számláig egy láncban

A munkalap a helyszínen, térerőtől függetlenül elkészül, az ügyfél a telefonon aláírja, és a cégvezető jóváhagyása után a számla és a munkalap-PDF automatikusan kimegy. Az app a papír munkalaptömböt és az utólagos, kézi számlázást váltja ki; a nyitott ügyek, a kintlévőségek és a banki befizetések egy felületen látszanak.

Mérhető ajánlatkérések a weboldalon

A weboldalon minden ajánlatkérés, hívás és e-mail-kattintás külön konverzióként mérhető, a hirdetésforrással együtt, hozzájárulás-kezeléssel. A tulajdonos minden ajánlatkérésről azonnal, teljes adatlappal értesül.

Tíz nap fejlesztés, alapos tesztelés

A munkalap-app 2026. szeptember 8. és 17. között, 10 nap alatt készült, és szeptember 17-én élesítettük. Több mint 2 200 automatikus teszt fedi, és minden élesítés előtt jogosultsági ellenőrző csomag fut.

Élő rendszer

A weboldal: szekesfehervardugulaselharitas.hu. A munkalap-app belső rendszer, csak a Kupi Bt. munkatársai és ügyfelei férnek hozzá.

Használt technológiák

ReactTypeScriptViteTailwind CSSSupabasePWA (Workbox)IndexedDB (Dexie)Számlázz.hu Agent APIResendOpenAI WhisperClaude APIGoogle Maps PlatformGoogle Tag ManagerNetlify

Hasonló eredményeket szeretne?

Foglaljon egy 30 perces ingyenes konzultációt, és mutassuk meg, hogyan segíthetünk az Ön vállalkozásának is.

Nincs elkötelezettség. 30 perces ingyenes konzultáció.