Neobank — award-winning fintech app design

<h1 class='hero-title_style-guide'><span style='color: #536DFB'>Neobank</span> — award-winning fintech app design</h1>

Neobank

About the Client

Samerson
Fintech
USA

Neobank is a fintech app startup with a new approach tobanking services. The service can help users to view finance flows, make payments, control the balance on all cards, and see expense analytics.

Scope of Work

The NeoBank founders searched for over a year for an agency to assist with design and development. Due to their busy schedules, they couldn't dedicate much time to NeoBank and required a team that could work independently and be motivated by their idea.

01

<h3 class="header_h4 text-color_white">Idea</h3>

<p class="paragraph color-white" style="max-width: 480px">Coming up with an idea to improve a bank application and collection information about this business.</p>

02

<h3 class="header_h4 text-color_white">Research</h3>

<p class="paragraph color-white">We’re defining the target audience and analyzing competitors.</p>

03

<h3 class="header_h4 text-color_white">Wireframes</h3>

<p class="paragraph color-white">Creating an application prototype on paper and then in Figma.</p>

04

<h3 class="header_h4 text-color_white">UI Design</h3>

<p class="paragraph color-white">Creating a unique visual style for the application.</p>

05

<h3 class="header_h4 text-color_white">Testing</h3>

<p class="paragraph color-white">Testing the application and collecting feedback from other users.</p>

01

<h3 class="header_h4 text-color_white">Idea</h3>

<p class="paragraph color-white" style="max-width: 480px">Coming up with an idea to improve a bank application and collection information about this business.</p>

02

<h3 class="header_h4 text-color_white">Research</h3>

<p class="paragraph color-white">We’re defining the target audience and analyzing competitors.</p>

03

<h3 class="header_h4 text-color_white">Wireframes</h3>

<p class="paragraph color-white">Creating an application prototype on paper and then in Figma.</p>

04

<h3 class="header_h4 text-color_white">UI Design</h3>

<p class="paragraph color-white">Creating a unique visual style for the application.</p>

05

<h3 class="header_h4 text-color_white">Testing</h3>

<p class="paragraph color-white">Testing the application and collecting feedback from other users.</p>

Result

4
Weeks
160
Hours
3
Roles
4
Platforms
146
Screens
Sofia
 
Samerson
Founder of "Movement"
Schedule your free consultation with ANODA design agency today!
Thank you!
Submission received, thank you!
Oops! Something went wrong while submitting the form.

Pre-Sale Process

01

NDA

Sign a non-disclosure agreement (NDA) to protect the confidentiality of the project and the client’s information.

02

Intro call

Schedule an introductory call with the client to understand their goals, expectations, and timeline.

03

Brief &
Requirements

Gather the brief and requirements from the client, such as the scope, budget, target audience, and desired outcomes of the project.

04

Information
architecture

Create an information architecture (IA) for the project, which is a blueprint of how the content and features will be organized and presented.

05

Questions

Ask any questions that arise from the IA, such as clarifications, feedback, or suggestions.

06

Quote

Provide a quote for the project, which is an estimate of the cost and time required to complete it.This is some text inside of a div block.

07

Proposal call

Follow up with a proposal calling to discuss the quote with the client and negotiate the terms and conditions of the project.

08

Filling legal form

Fill out a legal form to formalize the agreement and the responsibilities of both parties.

09

Contract

Sign a contract to finalize the project and start the work.

10

Payment for
1st milestone

Receive the payment for the first milestone of the project, which is a predefined deliverable or objective that marks the progress of the work.

Information architecture

Wireframes

Branding

Moodboards

Design System

UI Prototype

Mobile

cta-block

video-block

Delivery

01

Clickable prototype

02

Screenmap

03

Export to Zepplin