OTP Styleguide

Az OTP UI stílusának létrehozásakor a célunk az volt, hogy egy olyan dizájnt hozzunk létre, ami friss, ugyanakkor nem rabszolgaként követi a legújabb trendeket. Olyat, amelyet 5-6 éven keresztül is lehet használni anélkül, hogy kimenne a divatból.

The case

Elkészítettük a legnagyobb magyarországi kereskedelmi bank online stílus útmutatóját, olyan termékekhez, amelyeket naponta százezrek használnak. Hadd osszuk meg ezt a tapasztalatunkat Veled.

Services

  • Drótvázak
  • Prototípusok
  • UI design

team

  • dr. Rung András – UX lead
  • Jankó Gergely – UX designer
  • Tárkány-Kovács Balázs – UX designer
  • Serfőző Péter  –  lead designer
  • Gerő Elektra – UI designer
  • Bercsek Orsolya – UI designer
  • Kovács Mónika – UI designer
  • Csutorás Lajos  –  UI designer

2015 közepén kértek fel minket, hogy dolgozzunk az OTP online vizuális identitásán. A csapatunk szorosan együttműködött a terméktervező csapattal és a fejlesztőkkel közös helyszínen, hogy összehangoljuk a munkánkat. A megbízásunk 3 fő projektből állt:

A kihívás eredménye egy UI stílus útmutató létrehozása lett. Leültünk együtt és értékeltük a már létező UI felületeket és ez alapján meghatárztuk a követendő irányt:

  • 1 a 3 elkészített UI tervből a vállalati bankszámlanyitás felülete volt, amely a legtávolabb állt a jóváhagyott iránytól, így ennek eredményeként szinte valamennyi elemét elvetették.
  • A végső irány a vagyontervező és a személyi kölcsön felületeinek keveréke lett, ahol a vagyontervező felületének elemei a dominánsak.

A bankkal folytatott megbeszéléseken kívül a Café Communications csapatával, az OTP Bank arculati design ügynökségével is egyeztettünk a guide készítése közben. Az együttműködés tipikus területei:

  • Tipográfia: offline és online felületek szabványosítása,
  • Színek: az OTP zöld RGB kódjának meghatározása,
  • CTA gombok: az egységes felhasználói felület érdekében a gombok és a bannereknek egyezniük kell a weboldalak megjelenésével.

Fintech
és bankolás
Esettanulmányok

30+ sikeres FinTech projekttel a hátunk mögött Európa legtapasztaltabb FinTech UX csapata vagyunk. Egyaránt foglalkozunk mobil és internet bankolással a belső rendszerek áttervezésén keresztül értékesítés-támogatási chatbotok és hangvezérelt interface-k tervezéséig.

OTP Bankcsoport Design rendszer

Az OTP üzleti, IT és marketing csapatával közös munkában alig egy hónap alatt létrehoztuk az OTP bankcsoport design rendszerét. Egységesítettük és továbbfejlesztettük vizuális nyelvezetüket, így alapot teremtettünk az OTP későbbi digitális projektjeihez.

OTP Bankcsoport Design rendszer

Az OTP üzleti, IT és marketing csapatával közös munkában alig egy hónap alatt létrehoztuk az OTP bankcsoport design rendszerét. Egységesítettük és továbbfejlesztettük vizuális nyelvezetüket, így alapot teremtettünk az OTP későbbi digitális projektjeihez.

Lépj velünk kapcsolatba!

Alkossunk együtt felejthetetlen dolgokat!

Kedves Ergo,

A nevem
.
Az email címem
.

Üzenetem:

24 órán belül válaszolunk

Bartók Béla út 39.
1114 Budapest

Látogatóknak