Az ügyfél A Reál Klíma Kft. 2003 óta foglalkozik klímatechnikával. A cég Csepelen székel, a szolgáltatási terület Budapest és környéke. Egy kézben viszik a klíma-berendezések értékesítését, az épületklíma-szerelést és az autóklíma-javítást. A 23 éves cég három ágát egy rendszerbe építettem, így a látogató mindent átlát, és egyenesen eljut az ajánlatkérésig. 01 — Az előszűrő ajánlatkérő clima.hu — az ajánlatkérő indítója A legtöbb cégvezető ismeri azt a pillanatot, amikor beesik egy „klímát szeretnék, kérek árat” levél, és a szerelő utána percekig barkochbázik telefonon, hogy kiderítse az alapokat. Ezt a szakaszt úgy építettem meg, hogy a látogató rákattint az ajánlatkérésre, és üres mezők helyett öt szolgáltatási ág kártyájából választja ki, milyen ügyben jött. Ha a helyszíni felmérésre nyom, az oldal végigkérdezi, hány helyiséget hűtene, mekkora a terület, milyen az elektromos hálózat, és hova kerülne a kültéri egység. Aki viszont az új klíma vásárlását választja, azt űrlap helyett három kártya viszi a katalógusba, a klímakeresőbe és a választási útmutatóba – ő még nem tart az ajánlatkérésnél. Ugyanezt a lépéssort a legördülő menübe is beépítettem, a klíma-adatlapokon pedig külön, négylépéses ajánlatkérő panel fut – az érdeklődő ott indíthatja, ahol épp jár. Válasz nélkül nem lehet továbblépni, a legtöbb lépésnél pedig maga a válasz kiválasztása viszi tovább, tehát nincs fölösleges kattintás. A helyszínről fotót is fel tud tölteni. A telefonos visszakérdezés így kimarad: a szerelő rögtön azt látja, hogy az érdeklődő szerkezetkész házba szeretne három helyiségbe klímát, egyfázisú az áram, a kültéri egység pedig az udvarra kerülne – ebből már el tudja dönteni, mit vigyen magával, és mennyit ér a munka. 02 — A megkeresés útja Példa egy beérkező megkeresésre Kilenc adat áll össze minden megkeresésről abban a másodpercben, ahogy az érdeklődő rányom a küldésre. A kérést még az értesítő levelek elindulása előtt lementettem a háttérbe – ha átmenetileg akadozik a levelezés, a megkeresés akkor is megvan. A cég postaládájába pedig a teljes kérdés és a teljes válasz érkezik, kódszavak nélkül. A szerelő végigolvassa, és a kiszállás előtt tudja, milyen helyzet várja, a Válasz gomb pedig eleve az érdeklődő címére nyílik meg. Közben az érdeklődő is kap egy visszaigazolást arról, hogy beérkezett a kérése. A napi munkához a cég egy külön, jelszóval védett felületet nyit meg, ami csak a megkeresésekkel foglalkozik, és ki van zárva abból a listából, amit a Google beolvas – ügyféladat így sosem kerülhet keresőbe. Itt három állapot szerint szűrik a kéréseket: a Folyamatban kártyára kattintva csak azok maradnak a képernyőn, és az oldal nem tölt újra. A sorra kattintva kicsúszik egy panel az összes válasszal, a telefonszám egy koppintásra hívható, a letett kagyló után pedig rögtön felvihető az időponttal mentődő jegyzet: „visszahívtam, jövő kedden megyünk felmérni”. Aki legközelebb felveszi a telefont, külön táblázat vezetése nélkül látja, hol tart az ügy. A három állapot a felületen 03 — Amire épül Amikor a látogató végiggörget a klímakatalóguson, a következő adag készülék magától megjelenik a képernyőjén – nincs „következő oldal” gomb, így várakoznia sem kell. A teljes oldalt tíz aloldalból és negyven egyedi szekcióból építettem fel, kifejezetten ennek a cégnek a működésére szabva. Ha az érdeklődő rákattint egy gépre, a régi nézet finoman lesüllyed, az új pedig felúszik. Ezt az átmenetet a böngésző saját motorja hajtja végre, ezért a váltás azonnali, és a látogató rögtön végigfuthat a készülék adatlapján lévő húsz műszaki adaton. Telefonon a gyári görgetés marad, hogy a siető érdeklődőt egyetlen mozgás se lassítsa. A háttérben az oldal megvédi magát, hogy a cégnek már csak a valódi ajánlatkérésekkel kelljen foglalkoznia. Az űrlapokat öt lépcsős spam-szűrés védi, ami méri a kitöltési időt – három másodperc alatt csak gép tölt ki egy űrlapot –, a botoknak láthatatlan csapdamezőt tesz ki, és pontozza a beküldött szöveget. Ez a védelem magától rákerült minden meglévő űrlapra, egyetlen mezőt sem kellett hozzá átírni. A kapuban tizenhét ismert támadási mintát pattint vissza az oldal, öt hibás belépési kísérlet után pedig fél órára kizárja a próbálkozót. Három a tíz aloldalból — klíma-katalógus, épületklíma, autóklíma-szerviz 0 külön bővítmény a levélküldéshez, a spam-szűréshez, a támadásvédelemhez, a keresőoptimalizáláshoz és a sütikezeléshez. Mind az öt saját, erre az oldalra írt megoldás – kevesebb idegen program az oldalon: kevesebb, ami egy frissítésnél elromolhat. Az eredmény Több üzletágat bemutatni egyetlen felületen legtöbbször káoszhoz vezet. A látogató autóklíma-szervizt keres, de egy végtelen berendezés-katalógusban találja magát, elveszíti a türelmét, és végül olyat kérdez meg telefonon, ami ott volt a képernyőn. A főmenü elválasztja az utakat: aki klímát telepíttetne, a katalógushoz és a referenciákhoz jut, aki pedig az autóját hozná, az autóklíma-szervizhez. A szolgáltatástípus pedig már az ajánlatkérés elején rögzül, így a kéréshez rögtön a megfelelő szolgáltatás tartozik. Dizájn-rendszer Az oldal a Reál Klíma kékjére épül, sárga kiemeléssel a döntési pontokon, sötét alapon. A szövegek végig Plus Jakarta Sans betűtípussal futnak, négy súlyban. Plus Jakarta Sans Font family · 400 · 500 · 700 · 800 Árvíztűrő tükörfúrógép Cím, szövegtörzs és gomb – ugyanaz a betűcsalád fut végig az oldalon, négy súlyban. Mobil A mobil nézetben is a katalógus, az épületklíma és az autóklíma-szerviz a három belépési pont, és mindhárom képernyőn ott van az ajánlatkérő gomb.
Klímát ad el, épületet hűt, autót szervizel.
Az űrlap, ami elvégzi helyetted a telefonos egyeztetést.

A megkeresés levélben is megérkezik, és egy saját felületen is ott áll.
A rendszer, ami magát tartja tisztán, és azonnal betölt.
Három szolgáltatás, egyetlen világos útvonal.
A márka színei és betűtípusa.
Telefonon ugyanaz a három út.
#2197E1Márka-kék
#156DA5Sötét kék
#FACC15Kiemelés
#0F172AAlap








