Silver Interface, Interaction and User Experience Design · 2021
Jysan Bank B2B Banking
- A' Design Award 2021 Silver Winner in Interface, Interaction and User Experience Design
- Awarded April 15, 2021
- CLIENT: First Heartland Jusan Bank
- Estimated Number of Design Views: 37,297
- Verification code 549800A3FB · Verify this award
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.
Press Kit
- 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.
- 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. - 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.
- 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. - 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.