Jysan Bank Primary Function: Бизнес банкны интерфейс by Gayane Belonovich

Jysan Bank Primary Function: Бизнес банкны интерфейс by Gayane Belonovich is a highly esteemed winner of the very prestigious 2021 A' Design Award Мөнгөн шагнал in Интерфейс, харилцан үйлчлэл ба хэрэглэгчийн туршлагын дизайн Competition Category.

МөнгөнИнтерфейс· 2021

Jysan Bank Primary Function: Бизнес банкны интерфейс

by Gayane Belonovich

Client: First Heartland Jusan Bank

A' Design Award Мөнгөн шагнал Winner in Интерфейс Category

37,523
Verified Award Winner
Verify Award Status for #116032

Visit Site View at A' Design Award Press Release Award Badge

Colors

The Design

About Jysan Bank Primary Function: Бизнес банкны интерфейс

Book Text: Jysan Bank нь вэб болон мобайл аппликейшнд зориулсан бизнес банкны интерфейс юм. Энэхүү дизайн нь компанийн захирал, нягтлан бодогчдод үйлчилдэг. Дансны хуулгыг өдөр бүр эсвэл сар бүрээр харах, шүүх, имэйлээр илгээх боломжтой. Нэхэмжлэхийг сканнердах замаар төлбөрийн маягтыг автоматаар бөглөж болно. Төлбөрийн маягт дахь бөглөх шаардлагатай талбаруудын тоог цөөрүүлж, гадаад төлбөрийн шалгалтыг автоматжуулсан. Уг интерфейс нь ярилцлага, фокус групп болон туршилтад тулгуурладаг. Зорилго нь цэвэрхэн, энгийн банкны хэрэгсэл юм.

The Recognition

About the A' Design Award Мөнгөн шагнал

Jysan Bank Primary Function: Бизнес банкны интерфейс нь A' Design Award Мөнгөн шагналын ялагч бөгөөд дээд зэргийн, гайхамшигтай, сэтгэл хөдөлгөм загварт олгодог онцгой нэр хүндтэй хүлээн зөвшөөрөлт юм. Мөнгөн ялагчид бол маш гялалзсан, маш бүтээлч ажил бөгөөд зохион бүтээгчдийн гарамгай мэдлэг, авьяас, нарийн мэдрэмжийг харуулдаг. Jysan Bank Primary Function: Бизнес банкны интерфейс нь гайхалтай, үлгэр жишээ, маш мэргэжлийн, гүнзгий шинэлэг бүтээл болно гэж хүлээгддэг. Мөнгөн шагнал хүртсэн энэ загвар бол урлаг, шинжлэх ухаан, загвар, технологийн хил хязгаарыг тэлэхэд хувь нэмэр оруулдаг анхаарал татахуйц, биширсэн шинэ бүтээл юм. Jysan Bank Primary Function: Бизнес банкны интерфейс бол олон хүний атаархал татдаг бүтээл бөгөөд хүслийг сэргээж, эерэг мэдрэмж авчирч, гайхшрал, биширлийг төрүүлдэг.

Behind the Design

Press Kit

Credits, team members and technical details provided by the designer.

Unique Properties: Clean and simple WEB and App interface for CEOs and accountants, based on their needs.
Noticeable features: Account statement auto-export (on a daily/monthly basis); Easy statement control; Scanning the invoice to automatically fill out the payment form; In cooperation with the FX transactions department, the number of required fields in payment forms have been cut; Manual validation of Foreign payments have been automated, etc.
Dimensions & Packaging: Over 2000 pages in iOS, Android, web have been created and the number of pages is still increasing. Figma files have been structured on the project sections and scenarios, to make it easy to use them. Explanation and link with requirements on Confluence is over each screen. Also, binding Figma and Slack has been linked up to trace the comments in Figma. Design library was created to reuse components. Illustrations and icons were created in Illustrator software.
Tags: Bank, Banking, Fin Tech, Finance, B2B, Interface, UX/UI, Web, app, mobile
Production Technology: The project was emphasized on the researches: Stakeholders interview; Competitor analysis; Focus groups, etc. Tools: Confluence; Jira; Miro; Design with flow description, design library for iOS, Android, web and CJMs, all of that in Figma; Illustrations and icons in Illustrator; Structure of events for analytics in Google Sheets, etc.
Design Challenge: The biggest challenge was to draw the design foreign payments . Working without manager, leads to getting information by own means. Cooperation with FX transactions department and the Currency control of the bank gave data on problems and optimization possibilities via banking. Due to that a part of validation was possible to place on the front and banking backend. Thus, it unloaded the back office of the bank and simplified the form of foreign payments for customers.
Research: Stakeholder interview: It was requited to understand the business goals, the target audience of the product etc. Focus group: Firstly, It was nesessery to understand the main criteria of choosing the bank and who makes that decision, company accountant or company CEO. Also, it was needed to identify problems which the target audience faced in rival banks. Other researshes: Target Audience Interview, Testing, Customer journey map, Data search in different sources, Data from Analytics etc.
Inspiration: Motivation was conditioned by the identified problems through research, data collection, specifically stakeholders interviews, target audience interviews etc. Inspiration was taken a lot by the City Bank, because they have a highly flexible functional for b2b clients. Collaboration with backend developers and different bank departments was done to work out optimizations. As for UI design, the cleanness and simplicity of the Revolut Bank was taken as an example.
Project Duration: The project started in February 2020 in Almaty and launched in December 2020 in Almaty. Now the project is underway.
Operation Flow: WEB.The main page all accounts with balances are displayed.
Falling into the account, a statement can be viewed and the most common filters can be used. Also, a statement unloading can be set to the email both on a daily basis and on a monthly basis.
App.
At the falling into Payment order from Create tab a user may not fill out the form manually, but scan the invoice for payment and the form shall be filled out automatically, that saves users from the tedious filling out the forms.
Patents: For iPhone iPad and MacBook mockups the following resource was used: http://www.ls.graphics with Subscription on Unlimited Access To All Products. Copyrights for design belong to the First Heartland Jusan Bank.
Team Members: Illustrator: Moldir Zhannatova
Developers: STRONG
Image Credits: Image #1: Illustrator Moldir Zhannatova, icons, 2020.
Image #2: Illustrator Moldir Zhannatova, icons and illustrations, 2020.
Image #3: Illustrator Moldir Zhannatova, icons, 2020.
Image #4: Illustrator Moldir Zhannatova, icons, 2020.
Video Credits: Illustrator Moldir Zhannatova, icons and illustrations, 2020.