Neobank — award-winning fintech app design
<h1 class='header-style-h1 text-color-dark-grey'><span style='color: #041E5E'>Bank of America</span> — banking app</h1>
![Bank of America](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708400fc1bbabab10c7880_hero-image_bank-of-america.webp)
About the Client
The modern banking app is all about accessing various features in a few simple moves. Our user experience designers researched to learn more about the role of such an app in users' lives. We understood which features are of paramount importance and which can be hidden in the menu.
Challenges and Solutions
App needs to deliver optimal UX design capable of meeting the diverse needs of users across various demographics and lifestyles.
Bank of America was looking for a new approach to banking services that struck a balance between professionalism and approachability.
We had the task of providing a high level of service in banking application that would meet the needs of various users.
The issue was tackled by conducting user research, testing, resolving app availability issues, and implementing iterative design.
In alignment with Bank of America's vision, we crafted a sleek, purpose-driven interface devoid of superfluous embellishments.
By integrating user feedback and conducting usability tests, we ensured a tailored experience catering to diverse user needs and preferences.
Scope of Work
Creating an app demands a comprehensive strategy. This involves delving into niche markets, studying competitors, and crafting an intuitive UI that prioritizes user interaction and experience.
<h3 class="header-style-h4 text-color-white">Idea</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Developing an enhancement concept for a banking application and gathering pertinent information about this enterprise.</p>
<h3 class="header-style-h4 text-color-white">Research</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">We're delineating the target demographic and conducting a competitive analysis.</p>
![This image is a 3D rendering of a person sitting on a blue bean bag chair and working on a laptop. The person is wearing a green striped shirt, gray pants, and brown shoes. The laptop is white and appears to be a Macbook. The background is white. This image could be used to represent a relaxed, casual, or creative work environment.](https://cdn.prod.website-files.com/619267eed187504fdd80aa53/653294729d822d86f6dae948_agnes_sitting_on_bean_bags_2.webp)
<h3 class="header-style-h4 text-color-white">Wireframes</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Crafting a paper-based application prototype followed by its digital rendition in Figma.</p>
<h3 class="header-style-h4 text-color-white">UI Design</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Developing an exclusive visual identity for the application.</p>
<h3 class="header-style-h4 text-color-white">Testing</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Conducting application testing and gathering input from additional users.</p>
Result
![This image is a banner or advertisement for a company’s ratings on various websites. The image has three sections, each with a different rating from a different website. The first section has a green “up” arrow and the text “Top Rated Status”. It has a 5-star rating from Clutch. The second section has the text “Our rate 5 of 5” and a 5-star rating from GoodFirms. The third section has the text “Our Rate 5 of 5” and a 5-star rating from GoodFirms. Below the circle, there is a banner with the words “Goodfirms.co” written in black. This image could be used to promote a company’s reputation, credibility, and quality of service](https://cdn.prod.website-files.com/619267eed187504fdd80aa53/653630e6d6ca1fc34335b117_anthony_presenting_while_holding_ipad_2.webp)
Pre-Sale Process
01
NDA
02
Intro call
03
Brief & Requirements
04
Information architecture
05
Questions
06
Quote
07
Proposal call
08
Filling legal form
09
Contract
10
Payment for 1st milestone
Information architecture
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65703558b24aaa6825876ac0_Information%20architecture.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65703558b24aaa6825876ac0_Information%20architecture.webp)
Wireframes
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657035b96e7b5aa59f6533a9_Wireframes.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657035b96e7b5aa59f6533a9_Wireframes.webp)
Branding
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657035f5d64519a9ddf2616b_Branding.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657035ffc1084fd6ef3885e3_Branding_tablet.webp)
Moodboards
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6570363686bd6026e7037343_Moodboards.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6570363686bd6026e7037343_Moodboards.webp)
Design System
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657036701dcdf92f753cc6c9_Design%20System.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6570367b0c70704c1f4cd8cb_Design%20System_tablet.webp)
UI Prototype
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657036b807df81470a753a91_UI%20Prototype.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657036b807df81470a753a91_UI%20Prototype.webp)