spiner when content is loading

Neobank — award-winning fintech app design

<h1 class='header-style-h1 text-color-dark-grey'><span style='color: #3c3a58'>Xero </span> — app for finance analytics</h1>

Xero

About the Client

Fintech
Dashboards
CRM
Country icon
USA

Xero Accounting is an app for finance analytics. Thanks to this app the user will be able to monitor their income and expenses, clearly distribute their savings and much more.

Scope of Work

Qarma apps are designed to help businesses, but people use this app every day. The goal was to make this design user-friendly and functional at the same time. The Qarma app is available in 18 languages and has built-in automatic translation in 108 languages.

01

<h3 class="header-style-h4 text-color-white">Idea</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Generating innovative concepts to elevate the Xero app while gathering valuable insights and industry knowledge.</p>

02

<h3 class="header-style-h4 text-color-white">Research</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">We're pinpointing the primary audience and performing an extensive evaluation of competitors.</p>

Agnes sitting on sofa
03

<h3 class="header-style-h4 text-color-white">Wireframes</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Wireframes visually illustrate the structure, functionality, and essential interface elements .</p>

04

<h3 class="header-style-h4 text-color-white">UI Design</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Creating a unique visual identity for the Xero app UI design.</p>

05

<h3 class="header-style-h4 text-color-white">Testing</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Performing thorough UI testing and collecting feedback from a variety of user groups as an integral part of the Xero app redesign process.</p>

01

<h3 class="header-style-h4 text-color-white">Idea</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Generating innovative concepts to elevate the Xero app while gathering valuable insights and industry knowledge.</p>

02

<h3 class="header-style-h4 text-color-white">Research</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">We're pinpointing the primary audience and performing an extensive evaluation of competitors.</p>

03

<h3 class="header-style-h4 text-color-white">Wireframes</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Wireframes visually illustrate the structure, functionality, and essential interface elements .</p>

04

<h3 class="header-style-h4 text-color-white">UI Design</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Creating a unique visual identity for the Xero app UI design.</p>

05

<h3 class="header-style-h4 text-color-white">Testing</h3>

<p class="text-size-medium text-color-white" style="max-width: 480px">Performing thorough UI testing and collecting feedback from a variety of user groups as an integral part of the Xero app redesign process.</p>

Result

Anthony presenting somethink
weeks mask
3
Weeks
Hours mask
120
Hours
Roles mask
2
Roles
Platforms mask
1
Platforms
Screens mask
56
Screens
 

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.

07

Proposal call

Follow up with a proposal call 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 formalities and start the work.

10

Payment for
1st milestone

Payment for the first milestone is a predefined starting point of our working process.

Information architecture

Wireframes

Branding

Moodboards

Design System

UI Prototype

cta-block

video-block

Delivery

01

Clickable prototype

02

Screenmap

03

Export to Zeplin

Hello, my name is Oksana
Just drop me a line and I’ll email you in 10 minutes
or your next coffee is on me!
Oksana Kovalchuk
By submitting your data, you agree to our Terms of Service and Privacy Policy.
Schedule a call
schedule submit icon
Oops! Something went wrong while submitting the form.
form success image

Thanks for reaching out!

In the meantime, why not check out our blog?

You'll find fresh articles on the latest design trends and insights recommended by Oksana.

GOT IT
OUR BLOG