Jysan Bank 商業銀行介面 by Gayane Belonovich is a highly esteemed winner of the very prestigious 2021 A' Design Award 銀獎 in 介面、互動及用戶體驗設計 Competition Category.

銀介面· 2021

Jysan Bank 商業銀行介面

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 商業銀行介面

Jysan Bank 係一個為網頁同流動應用程式而設嘅商業銀行介面。呢個設計服務公司董事同會計。用戶可以按日或按月查閱、篩選同埋將帳戶結單發送到電郵。付款表格可以透過掃描發票自動填寫。付款表格所需填寫嘅欄位數目已經減少，而對外幣付款嘅核查亦已自動化。呢個介面係基於訪談、焦點小組同測試而設計。目標係打造一個簡潔而易用嘅銀行工具。

The Recognition

About the A' Design Award 銀獎

Jysan Bank 商業銀行介面是 A' Design Award 銀獎得主，這是授予頂級、華美而令人印象深刻的設計的極為崇高的認可。銀獎得主是極其卓越、極具創造力的作品，展現出其設計師傑出的專業技能、才華與敏銳。預計Jysan Bank 商業銀行介面將成為一件出色的典範之作，兼具非凡的專業性與深刻的創新性。這件贏得 A' Design Award 銀獎的設計是一項備受矚目、令人欽佩的發明，造福並拓展藝術、科學、設計和技術的界限。Jysan Bank 商業銀行介面是一件令人羨慕的創作，它喚起渴望，帶來積極的情感，並激發驚嘆與讚嘆。

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.