HUEN

Esettanulmány

Clima.hu

Szolgáltatás
Egyedi weboldal-fejlesztés · Dizájn · Kódolt ajánlatkérő
Terület
Klímatechnika · Budapest és környéke
Ágazatok
Klíma-katalógus · Épületklíma · Autóklíma-szerviz
A Clima.hu főoldalának nyitó képernyője: klímaszerelés Budapesten, ajánlatkérő gombbal


Az ügyfél

Klímát ad el, épületet hűt, autót szervizel.

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ő

Az űrlap, ami elvégzi helyetted a telefonos egyeztetést.

A Clima.hu ajánlatkérőjének indító képernyője: öt szolgáltatási ág kártyája – felmérés, süllyesztett előcsövezés, új klíma telepítése, javítás és diagnosztika, karbantartás és tisztítás

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.

Szolgáltatási ág
5
Kérdés-lépés
22
Szakmai kérdés
23
Kitölthető mező
42

02 — A megkeresés útja

A megkeresés levélben is megérkezik, és egy saját felületen is ott áll.

Példa egy beérkező megkeresésre

Milyen fázisban van az építkezés?
Szerkezetkész, még nincs vakolat
Hány helyiséget hűtene?
Három
Milyen az elektromos hálózat?
Egyfázisú
Hova kerülne a kültéri egység?
Az udvarra

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

  • Új
  • Folyamatban
  • Lezárva

03 — Amire épül

A rendszer, ami magát tartja tisztán, és azonnal betölt.

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.

A Clima.hu klíma-katalógus aloldala
A Clima.hu épületklíma aloldala
A Clima.hu autóklíma-szerviz aloldala

Három a tíz aloldalból — klíma-katalógus, épületklíma, autóklíma-szerviz

Aloldal
10
Egyedi szekció
40
Műszaki adat egy klímán
20
Blokkolt támadási minta
17

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

Három szolgáltatás, egyetlen világos útvonal.

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

A márka színei és betűtípusa.

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.

#2197E1Márka-kék
#156DA5Sötét kék
#FACC15Kiemelés
#0F172AAlap

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

Telefonon ugyanaz a három út.

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.

A Clima.hu főoldala mobilnézetben
A Clima.hu klíma-katalógusa mobilnézetben
A Clima.hu autóklíma-szerviz oldala mobilnézetben

Scroll to Top