Skip to content
Jysan Bank B2B Banking by Gayane Belonovich

Jysan Bank B2B Banking by Gayane Belonovich is a highly esteemed winner of the very prestigious 2021 Silver A' Design Award in Interface, Interaction and User Experience Design Competition Category.


SilverInterface· 2021

Jysan Bank B2B Banking

by Gayane Belonovich

Client: First Heartland Jusan Bank

Silver A' Design Award Winner in Interface Category

39,101

Verified Award Winner

Verify Award Status for #116032

Colors

The Design

About Jysan Bank B2B Banking

Jysan Bank is a business banking interface for web and mobile applications. The design serves company directors and accountants. Account statements can be viewed, filtered and sent to email on a daily or a monthly basis. Payment forms can be completed automatically by scanning an invoice. The number of required fields in payment forms was reduced, and checks on foreign payments were automated. The interface is based on interviews, focus groups and testing. The aim is a clean and simple banking tool.

The Recognition

About the Silver A' Design Award

Jysan Bank B2B Banking is a Silver A' Design Award winner, an extraordinarily prestigious recognition granted to top-of-the-line, gorgeous, and impressive designs. Silver winners are tremendously brilliant and exceedingly creative works that illustrate the outstanding expertise, talent, and acuity of their designers. Jysan Bank B2B Banking is expected to be a wonderful, showpiece work that is remarkably professional and profoundly innovative. This Silver A' Design Award-winning design is a highly notable, admired invention that benefits and advances the boundaries of art, science, design, and technology. Jysan Bank B2B Banking is a vastly envied creation that evokes desires, introduces positive feelings, and sparks amazement and wonderment.

Where to Get It

Expert Banking and Fintech UX/UI Design Services

We specialize in research-driven interface design for banking, fintech, and B2B platforms. With deep expertise in financial user experience, we transform complex banking systems into intuitive digital solutions. Our award-winning approach combines stakeholder interviews, user research, and clean design principles to create interfaces that both CEOs and accountants love to use.

Discuss Your Project

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.

Sponsored

Explore Beyond Designers.org

Discover products, services and opportunities from our advertising partners.

Good Design Deserves Great Recognition

The A' Design Award is an international, juried accolade for good design. Take part in the A' Design Award to get an opportunity to earn meritocratic recognition, gain fame, prestige and publicity for your work. Nominate your work for the A' Design Award and compete for the coveted A' Design Prize.

Nominate