Citibank Hungary

2013 és 2018 között, a Jeney Repro Kft. munkatársaként frontendfejlesztéseket készítettem a Citibank Hungary számára. A munka a citibank.hu teljes arculatváltásában való részvételtől a folyamatos kampánygyártásig terjedt.

Kihívás

A banki kampányokhoz rövid idő alatt kellett nagyszámú, a kapott vizuális tervekhez pontosan illeszkedő landing oldalt, kalkulátort, űrlapot és eDM-et megvalósítani. A korszak böngészőinek jelentős technikai eltérései miatt ugyanannak a felületnek régi és modern környezetekben is használhatónak kellett maradnia.

A munka kezdeti időszakában a támogatási kör még az Internet Explorer 6-ra is kiterjedt, a Chrome, Firefox és Safari mellett. Ez böngészőspecifikus megoldásokat és jelentős mennyiségű conditional CSS használatát igényelte.

Szerepem

Frontendfejlesztőként egy munkatársammal közösen készítettem el a citibank.hu teljes rebrandingjének frontendmegvalósítását. Emellett átadott tervek alapján több mint 50 landing oldalt, hitel- és személyikölcsön-kalkulátorokat, űrlapokat, valamint ezeknél is több kampány-eDM-et építettem.

A Citibank által biztosított mérőkódok technikai beépítése szintén a fejlesztési feladat része volt, a kampányok analitikai rendszeréhez és eredményeihez azonban nem volt hozzáférésünk.

Megoldás

A vizuális terveket működő kampányfelületekké alakítottam, a kalkulátorok és űrlapok kliensoldali működésével együtt. A kompatibilitási problémákat böngészőspecifikus CSS-szabályokkal, conditional CSS-sel és célzott frontendjavításokkal kezeltük.

A kampányokhoz kapcsolódó eDM-eket a landing oldalakkal összehangolt vizuális és tartalmi megjelenéssel készítettem el, miközben a kapott mérőkódokat az előírt helyeken építettem be.

Eredmény és bizonyíték

Az eredmény több éven át folyamatosan szállított, nagy volumenű vállalati frontendmunka lett, amely egy teljes arculatváltást és számos önálló kampánymegvalósítást fogott össze. A referenciaanyagban megőrzött képernyőképek a landing oldalak, kalkulátorok és kampánykreatívok sokféleségét mutatják be.

Mivel a fejlesztőcsapat nem fért hozzá az analitikai eredményekhez, az esettanulmány nem állít konverziós vagy üzleti hatást. A projekt értékét a megvalósítás volumene, technikai korlátai és a többéves együttműködés bizonyítják. Az eredeti oldalak a Citibank magyarországi lakossági üzletágának kivonulása után már nem érhetők el.

Technológia

HTML · CSS · JavaScript · Conditional CSS · Böngészőkompatibilitás · Internet Explorer 6+ támogatás a korai időszakban · Landing oldalak · Kalkulátorok · Űrlapok · eDM-fejlesztés