Neobank — award-winning fintech app design
<h1 class='header-style-h1 text-color-dark-grey'><span style='color: #536DFB'>Neobank</span> — award-winning fintech app design</h1>
![Neobank](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65314f7b1daa986fcee3158a_hero-image_neobank.webp)
About the Client
NeoBank is a fintech app startup with a new approach to banking services. The service can help users to view finance flows, make payments, control the balance on all cards, and see expense analytics.
Challenges and Solutions
NeoBank should provide the best UX design that can satisfy users with different demographics and lifestyles
NeoBank was seeking a new vision of banking services. It should not be too formal but not too fancy either
The Client had a limited timeframe and scheduled investors pitch also, so deadlines were really important
Through user research, testing, app availability fixes, and iterative design, the problem was resolved
To meet NeoBank's vision, we created a clean focused interface without unnecessary decorations
To meet deadlines and client expectations, we streamlined scheduling, prioritization, communication, and risk management
Scope of Work
The NeoBank founders searched for over a year for an agency to assist with design and development. Due to their tight scheduling, they couldn't dedicate much time to NeoBank and required a team that could work independently and be motivated by their idea.
<h3 class="header-style-h4 text-color-white">Idea</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Coming up with an idea to improve a bank application and collection information about this business.</p>
<h3 class="header-style-h4 text-color-white">Research</h3>
<p class="text-size-medium text-color-white">We’re defining the target audience and analyzing competitors.</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">Creating an application prototype on paper and then in Figma.</p>
<h3 class="header-style-h4 text-color-white">UI Design</h3>
<p class="text-size-medium text-color-white">Creating a unique visual style for the application.</p>
<h3 class="header-style-h4 text-color-white">Testing</h3>
<p class="text-size-medium text-color-white">Testing the application and collecting feedback from other 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/65438519c09ec0249057cb5a_information-architecture.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65438519c09ec0249057cb5a_information-architecture.webp)
Wireframes
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65450b7567da5fb9bedf4832_wireframe-4%D0%BA.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65450becf7061270765339d3_Wireframes-tablet.webp)
Branding
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6543852bd1fe2553e8862a8b_branding.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65366f0f600fa2e090e8efec_branding-tablet.webp)
Moodboards
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65451391f3136e7929bc9618_moodboardsd.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65451391f3136e7929bc9618_moodboardsd.webp)
Design System
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65438546e2e7cb611a97f516_Design%20System.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65366f7939bbd93e5104d4ad_design-system-tablet.webp)
UI Prototype
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65450edca174691bdf9d4308_UI%20Prototype-4%D0%BA.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65450eecc8c8158fa38b4923_Wireframes-tablet.webp)
Mobile
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6545114eadf87a18909e7c43_Mobile.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/653671a300472cae01786563_Mobile.webp)