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](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6571c84b79f3f11707ea73f0_hero_image-xero.webp)
About the Client
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.
Challenges and Solutions
Ensuring the app strikes a balance between user-friendliness for everyday usage and functionality that seamlessly supports diverse business processes.
Ensuring easy use in multiple languages, given its availability in 18 languages and built-in translation for 108 languages.
Harmonizing the app's features that assist in business support while accommodating its usability for personal needs and individual use.
Developing an intuitive interface that provides ease for daily usage while incorporating necessary functionalities for effective business operations.
Improving the interface for multilingual use, ensuring ease of automatic translation for maximum accessibility and convenience for users.
Designing versatile functionalities allowing users to utilize the app for both business support and personal needs.
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.
<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>
<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>
![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">Wireframes visually illustrate the structure, functionality, and essential interface elements .</p>
<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>
<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
![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/65709130cffd45e35c2e1efb_Information%20architecture.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65709130cffd45e35c2e1efb_Information%20architecture.webp)
Wireframes
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708c67742682775fea2e52_Wireframes.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708c82cbb1447494eb4e41_Wireframes_table.webp)
Branding
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708d2ed11eb6b140c5bdaf_Branding.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708d400d5f99627f6ffc26_Branding_table.webp)
Moodboards
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708d8b7ed734f82d09fdef_Moodboards.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708d8b7ed734f82d09fdef_Moodboards.webp)
Design System
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708e0131cd8ac4f0cb973a_Design%20System.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708e22a7421b44628fed6e_Design%20System_tablet.webp)
UI Prototype
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708e5550f120bd1f5df49e_UI%20Prototype.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65708e5550f120bd1f5df49e_UI%20Prototype.webp)