Neobank — award-winning fintech app design
<h1 class='header-style-h1 text-color-dark-grey'><span style='color: #3EAA7C'>The Qarma</span> — simple quality and compliance Tools</h1>
![Qarma](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6545292a33d6053c67a8033d_qarma-hero.webp)
About the Client
The goal of the Qarma app is to drive real change by improving quality and meeting the demands of ambitious brands, retailers, suppliers and third-party agencies around the world.
Challenges and Solutions
Ensuring a seamless experience for users across 18 languages and 108 automatic translations presents a significant challenge.
Serving the diverse needs of global brands and agencies while maintaining a user-friendly interface can be challenging.
Striking the right balance between an attractive design and practical features is crucial for the Qarma app.
Implement a dynamic language-switching feature with clear iconography. Regularly update translations to maintain accuracy.
Introduce a customizable dashboard, allowing users to prioritize relevant features. Employ a clean design with intuitive navigation.
Adopt a modern, visually appealing design language aligned with the brand's identity. Ensure each visual element serves a functional purpose.
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">Crafting an innovative concept to elevate the design of The Qarma app, all while gathering valuable insights to enhance its functionality.</p>
<h3 class="header-style-h4 text-color-white">Research</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Analyzing the specific user demographic and conducting an examination 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">Leveraging wireframes, we illustrated the primary functionality on the app screens for The Qarma.</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 a unique visual identity designed specifically for this app.</p>
<h3 class="header-style-h4 text-color-white">Testing</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Performing comprehensive app testing and gathering extensive user feedback throughout the testing phase of The Qarma app design.</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/654525e554f3133de169475c_information-architecture.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/654525e554f3133de169475c_information-architecture.webp)
Wireframes
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6545238837ae4b3eb4a276b7_Wireframes.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/654523997c85650e99c0e96e_Wireframes-tablet.webp)
Branding
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/654523e24b6eef22ff5fbec8_Branding.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/654523edfcf3f73a0eac8fae_Branding-tablet.webp)
Moodboards
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65452448570578f9a8988c8e_Moodboards.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65452448570578f9a8988c8e_Moodboards.webp)
Design System
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/654524d063dbd2d77a83109e_Design%20System.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/654524e0d5d73c0cf2ebabf2_Design-System-tablet.webp)
UI Prototype
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65452522bc41e563601bef9f_UI%20Prototype.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6545253237ae4b3eb4a3a7f3_UI%20Prototype-tablet.webp)
Illustrations
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6545286f51599a9f60765675_frame_1171276550.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6545283d7c85650e99c43bfa_Illustrations-tablet.webp)