Esettanulmány A kézírásos névjegy betöltéskor balról jobbra kirajzolódik, felúszik a fejlécbe, és ugyanezzel a mozdulattal nyílik ki a videós nyitókép. A bevezető idejére lezártam a görgetést, hogy a nyitány egyben maradjon. Onnantól a görgetés vezet: a szekciók a képernyőn ragadnak, négy videó eltérő sebességgel úszik felfelé, a hat célcsoport pedig egymást takarva vált. Az ügyfél Báló Georgina Pécsen és vonzáskörzetében tisztít kanapét, széket és matracot ipari extrakciós géppel, kiszállással Budapestre is. Egyedül dolgozik: ő veszi fel a telefont, ő érkezik ki, és ő végzi el a munkát. Weboldala korábban nem volt – a teljes online jelenlét ezzel a projekttel indult, egyetlen oldalon, saját időpontfoglalóval. 01 — A kódolt időpontfoglaló A látogató megadja a nevét, a telefonszámát és az e-mail címét, majd kiválasztja a helyszínt a négy lehetőség közül. A választás után a foglaló egyetlen továbbkérdést nyit meg: Budapestnél a kerületet, Egyéb helyszínnél a település nevét. Ezután napot választ a magyar nyelvű naptárból, ahol a mai nap előtti dátumok zárva vannak. A rendszer rögtön lekéri az adott napra már kiadott időpontokat, és a kilenc és tizenhét óra közötti tizenhét félórás sávból csak a szabadokat hagyja kattinthatónak. A bútort három kategória nyolc tétele közül válogatja össze, a székeknél darabszámmal; az oldal minden kattintás után újraszámolja a tételes összesítőt és a várható végösszeget. Az adatkezelési tájékoztató elfogadása után elküldi a foglalást, és a munka végén, a helyszínen fizet. A mezők, az árképzés és a szabad időpontok a MegiClean saját árlistáját és munkarendjét követik – ugyanígy a te árazásod és egyeztetési rended is kódba írható, hogy a beérkező kérésből rögtön kiderüljön, ki jelentkezett, mit kér, és melyik időpontot választotta. 02 — A görgetés vezeti az elbeszélést Betöltéskor a kézírásos névjegy balról jobbra kirajzolódik, felúszik, és a fejléc logójává kicsinyedik; ugyanebben a mozdulatban tágul a videós nyitókép középről a teljes képernyőre. A három nyitószó maszkoló dobozokból csúszik le egymás után, majd oldalról érkezik az alcím, a helyszín-sor és a gomb. Lefelé haladva a probléma-szekció megáll a képernyőn: mögötte négy videó úszik felfelé eltérő sebességgel, a hét szövegsor pedig egymás után, elcsúsztatva érkezik be. A felboruló boros pohár és a sáros mancs akkor indul el, amikor a látogató a hozzájuk tartozó ponthoz ér. Ezt a sorrendet azért építettem így, mert a látogatónak előbb a saját helyzetét kell felismernie ahhoz, hogy a megoldás érdekelje. A célcsoport-szekció szintén megáll: hat dia takarja ki egymást alulról, pontosan a görgetés arányában, oldalt hat pötty mutatja, hol tart. A fejléc a nyitókép fölött rejtve marad, és görgetési irányra jelenik meg a szolgáltatási területtel és a telefonszámmal, hogy a hívás egy kattintásra legyen. A nyolc saját videó így mindig ahhoz a mondathoz érkezik, amelyik éppen sorra kerül. 03 — Amire épül A MegiClean teljes értékesítési útját egyetlen nyilvános oldalra írtam meg: a nyitókép után sorban következik a szolgáltatás, az árlista, a gyakori kérdések és a garancia, majd ugyanott a foglaló – a lebegő gombbal pedig bárhonnan visszatérhet hozzá. A naptár és a görgetés két kész könyvtárra épül; az árazást, a szabad sávok kezelését, a foglalás logikáját és a szekciók mozgását saját kód irányítja. A beérkező foglalást a weboldal háttérrendszere rögzíti, és a MegiClean egy titkos hivatkozással elérhető, védett felületen látja. A saját kód azt is jelenti, hogy a rendszer együtt tud nőni a szolgáltatással. Ha új szolgáltatás indul vagy új terület jön, az új ajánlatot, árat és foglalási szabályt hozzáírom a meglévő oldalhoz, és az új rész ugyanabba a háttérrendszerbe küldi a foglalásokat. Az asztali, a tablet és a mobil elrendezést külön írtam meg – mobilon rövidebb ideig maradnak rögzítve a szekciók, a pötty-jelzés vízszintesbe fordul –, így a bővítés mindhárom nézetben a helyére kerül. 0 külön bérelt foglalási felület. A naptár, az árazás és a beérkezett foglalások kezelése ugyanabban a saját kódolású rendszerben fut. Az eredmény Úgy építettem fel az oldalt, hogy a látogató előbb magára ismerjen a hat célcsoport-dia egyikén, aztán megértse a tisztítás menetét, elolvassa az árakat és a gyakori kérdések válaszait. A lap alján kiválasztja a bútort, látja a várható végösszeget, szabad időpontot választ, és lefoglalja. Ha korábban dönt, a lebegő gombbal bármikor megnyitja a foglalót. A lefoglalt időpont a MegiClean védett felületén áll össze listává, a fizetés pedig a munka után, a helyszínen történik. Dizájn-rendszer Az oldal a réz (#B87333), a törtfehér (#FDFCFB) és a mély sötét (#111111) hármasára épül. A márkanevet kézírásos Great Vibes viszi, a szekció-címsorokat Cormorant Garamond, a szövegtörzset Montserrat – a nyitókép három szava pedig Playfair Displayjel fut. Great Vibes Márkanév · 400 Árvíztűrő tükörfúrógép Cormorant Garamond Címsor-betűtípus · 400 · 600 · 700 Árvíztűrő tükörfúrógép Montserrat Törzsszöveg-betűtípus · 400 · 500 · 600 Árvíztűrő tükörfúrógép Mobil A nyitókép szövege középre zár, a ragadós szekciók rövidebb görgetésen futnak végig, a bútorválasztó pedig teljes szélességű listává nyílik – a tizenhét időpontsáv és a várható végösszeg ugyanúgy egy képernyőn marad. Dolgozzunk együtt A MegiClean oldalán a foglalás szabályai közvetlenül a weboldalon futnak. Nálad ugyanez azzal kezdődik, amit ma telefonon kérdezel végig: az érdeklődő megadja, mire van szüksége és mikor ér rá, az oldal pedig a céged saját árazása és szabályai szerint mutatja meg az árat és a foglalható időpontokat. Így már az első hívás a konkrét kérésről szól. Az első beszélgetés kötelezettségmentes, és 24 órán belül válaszolok.MegiClean
Kárpit-mélytisztítás Pécsen, ipari géppel, egy emberrel.
Egyetlen űrlapon dől el, mit tisztítunk, mikor, és mennyibe kerül
A görgetés szabja meg, mit lát a látogató előbb, és mit később
Egy oldal, saját kóddal: az árazás, a szabad időpontok és a foglalás-kezelés egy helyen fut
A videós nyitóképtől a lefoglalt időpontig ugyanazon az oldalon marad a látogató
A réz akcent és a törtfehér alap.
Telefonon ugyanaz az út vezet a foglalásig.
Az érdeklődőid az új oldaladon választanak szolgáltatást, árat kapnak, és időpontot foglalnak.
#B87333Réz akcent
#FDFCFBTörtfehér alap
#111111Sötét szekció
