Digital payment solution
The creation of a state-of-the-art platform that can serve as a central hub for all B2B payments.
Moneygate is a provider of a digital payment solution authorized and regulated by the Central Bank of Cyprus. Its mission is to help e-commerce merchants and SMEs streamline their payment operations and improve their business performance by enabling them to accept and process online payments in an efficient, cost-effective, and friction-free manner.
2 React-Native developers, 1 QA engineer, 1 designer, 1 business analyst
FinTech, banking
Mobile development, mobile app testing, design, project management
React Native, Expo, React Native Reanimated, React Navigation, React Query, React Hook Form, react-i18n, Jira, Confluence, Figma, Expo, Android Studio, Swagger, GitHub
Cyprus
Country
Since 2020
Cooperation
Moneygate is a full-suite, user-friendly payment solution. Using Moneygate, one can quickly gain access to all account information and data, make payments and international transfers, download documents, and exchange currency on the go. Among its key features are payment processing, multi-currency support, fraud prevention, reporting, and analytics.
Moneygate offers both a web banking platform and a mobile app to cover all users’ needs.
Moneygate hired from us a dedicated development team consisting of a few front-end developers, a designer, a QA engineer, and a business analyst to help it build a secure, robust, and user-friendly mobile application that would replicate all the functionality of the Moneygate web platform.
Our designer worked diligently to create a comprehensive UI/UX design for the mobile app that would consider all the needs of future users. As part of the design process, our expert had a series of meetings with the client to gather detailed information about the desired app behavior. Gained insights were then used to develop a Figma prototype that covered more than 22 business flows and features.
Using modern technologies and unconventional approaches to mobile development, our specialists have built an advanced mobile application that offers an excellent user experience, complies with regulations, and meets all business requirements.
To build an app designed around high performance.
To deliver superior app performance, we chose to handle state management issues with React Query. This was a perfect match, as there were no cases requiring a global state. The library is based on the server-state pattern. It’s fast and flexible, and its capabilities let us easily manipulate data and requests.
To create a friendly and welcoming user interface.
To meet all design requirements, our developers chose React Native Reanimated, which provides a rich set of animation tools. Nontrivial components like a sticky header with a parallax effect were built with the help of the react-native-sticky-parallax-header library, providing greater flexibility for customization.
To implement an intuitive user experience.
To avoid UI crowding and provide clear and simple UX, the team realized modal windows by avoiding the tired, traditional box appearing in the middle of the screen and instead opting for a contemporary, full-screen container appearing from beneath. To replicate the form and format of the mobile device, scrolling and gesturing were to be used instead of the usual buttons to interact with these containers. To implement this, developers leveraged a modal block itself and such libraries as bottom-sheet and react-native-gesture-handler.
To implement robust security.
To provide robust, performant, and secure user authorization, the team used an API of the operating system enabling interaction with biometric sensors. The expo-local-authentication library was heavily utilised, which let the team build a secure and convenient authorization flow similar to those in all popular mobile banking apps.
To enable secure downloading from the app to the Android file system.
The expo-sharing library that allowed capability on iOS was not appropriate for Android, therefore, we decided to use the expo-file-system library, specifically the Storage Access Framework, to allow the application to interact with the Android file system.
To create a component with a PDF file preview and follow-on actions such as sending.
A component with a PDF file preview cannot be created with Expo, and the leading React Native library for PDF file reading is not supported by Expo. As a result, we decided to complete this nontrivial task by means of the rn-pdf-reader-js library, which uses the native capabilities of the web page render to display documents.
Our business analyst conducted several sessions with the client to gather comprehensive requirements and define all functionalities for the mobile app. As a result, more than 20 user stories with detailed functional requirements were written to guide the development process.
With regard to the peculiarities of the domain, the app was subjected to comprehensive testing. Therefore, our dedicated QA engineer conducted holistic testing at all stages of the software development. To ensure the top-notch quality of the Moneygate app, he carried out a wide range of tests, including functional, UI, usability, compatibility, and compliance testing. All detected bugs were immediately logged into a bug tracking system with all the supplementary or additional data.
In collaboration with the client, our team also facilitated a seamless app launch by providing ongoing support throughout the release process.
Moneygate has broken into the market with a modern online payment platform that has revolutionized B2B payments. Today, numerous businesses use it to take advantage of easy, secure, and cost-efficient SWIFT payments, SEPA payments, open banking, currency exchange, and many more.
With a pan European talent pool, Devico brings together the continents best talent and makes them available for you