spot spot
Case Study
ROI

ROI

How we developed an app that helps users earn money

roi logo
roi logo

About

Industry: Fintech

Location: Norway

type of software: personal finance app

SCOPE OF WORK: IT CONSULTING, BACK-END, FRONT-END, UI/UX DESIGN, QUALITY ASSURANCE

ROI is a project of our existing client for whom we created another one financial platform - Defero.

Eigil, the Founder of Defero and ROI, is a real guru of financial management. And we’re passionate about technologies. This combo is the winning one.

That’s how we managed to create together such a great app as ROI - software that helps users manage their financial assets and generate passive income, analyse their current economy and precise ways to improve it.

Scroll down to find out the details!

about static image left
about static image right

Technologies

Ruby on
Rails (ROR)
react
typescript
node.js
postgres
stripe
Ruby on
Rails (ROR)
react
typescript
node.js
postgres
stripe

client’s requirements

  • it should be a SaaS-application;
  • the mascot of the app should be a robot or alien named Roi that provides the users with tips on how to improve their economy only by allocating assets/debt in a smart way;
  • the design should resemble galaxy/space with purple/dark blue themes;
  • the app should be integrated with the client’s previous one.
eigil

Eigil Arff Tarjem

FOUNDER OF ROI CTO

Basically, we need an app that is fun to use, where users can input their asset/liabilities (income statement) and their budget and get automatic analysis to show them how they can save smarter and use debt to make passive income.

Do you need to develop a fintech software?

case requirements image site

Functionality

Ok Eigil, we’ve got it. Let’s fly users to the moon and let them play among the stars. What functionality did we create to achieve this?

Overview page

Overview page allows User to navigate into 3 sections of the personal balance and fill down items that he possesses to see the report on his possible investment opportunities and to be able to see deeper analysis after purchasing the premium subscription in the app.

case functionality image

Values input for Assets, Liabilities and Budget sections of the info

case functionality image

Premium subscription page with integrated Stripe payment system

case functionality image

Quick analysis page

User is able to select parameters by which he wants to see breakdown analysis of increased debt.

case functionality image

Over time analysis page

User is be able to select parameter by which he wants to see changes over number of years.

case functionality image

Investment calculator

User is able to input loan details into fields and after clicking “Calculate” the system displays the result of “Yearly net cashflow from investment” in accordance to formula.

case functionality image

Do you remember the client’s requirements regarding design? We nailed it!

case functionality image

challenge

Let’s face it: some tasks made our best minds race before implementation.

Recursive counting of values for analysis

valerii

Valeriy Cherna

BACK-END DEVELOPER

The app has a data analysis feature. It determines the amount of money that users will earn if they take money from sources that do not bring income and make a profitable investment. We successfully created this function, but the draft version of the code took 30 seconds to load. This was too slow, so we used the recursion method.

It made it possible to calculate all the data at the time of initialization of variables or their change and write them to the storage with subsequent use for calculating other forecasts. This way an app got a feature of analytical data forecast for the next 5-10-15-25 years that works as fast and efficiently as possible.

What business challenges do you need to overcome? We're here to help you.

case challenge image
case challenge image

project team

For such a project, one has to assemble the appropriate team, only the best of the best. Meet the dream team.

ihor

Ihor

Project manager, business analyst
olena

Olena

ACCOUNT MANAGER
roma

Roman

LEAD DEVELOPER, SYSTEM ARCHITECT
yaroslav

Yaroslav

FRONT-END DEVELOPER
andrii

Andrii

FRONT-END DEVELOPER
valerii

Valerii

BACK-END DEVELOPER
oleksandr

Oleksandr

BACK-END DEVELOPER
serhii

Serhii

QA TESTER
myroslava

Myroslava

Designer
ihor

Ihor

Project manager, business analyst
olena

Olena

ACCOUNT MANAGER
roma

Roman

LEAD DEVELOPER, SYSTEM ARCHITECT
yaroslav

Yaroslav

FRONT-END DEVELOPER
andrii

Andrii

FRONT-END DEVELOPER
valerii

Valerii

BACK-END DEVELOPER
oleksandr

Oleksandr

BACK-END DEVELOPER
serhii

Serhii

QA TESTER
myroslava

Myroslava

Designer
case project-team image

project workflow

Having assembled a team, you can get to the moon and back! In general, the process of creating ROI was as follows.

Stage 1. Discovery

  • 01 We discussed with the client ideas, requirements, and desired competitive advantages;
  • 02 conducted comprehensive work on competitor analysis;
  • 03 created a list of potential functionality based on the client's brief;
  • 04 approved the strategy of creation, development, and implementation of the platform;
  • 05 evaluated the necessary resources and works to be carried out during development;
  • 06 created a development schedule;
  • 07 approved the cost of work;
  • 08 discussed additional legal and business requirements of the customer.

Stage 2. Design & Prototyping

  • 01 We created and approved the strategy of work on the project;
  • 02 presented a detailed plan for the development and further launch of the platform;
  • 03 started working on the prototype and design;
  • 04 formed software requirements specification (SRS) and work breakdown structure (WBS);
  • 05 discussed and approved with the client further product development.
case project-team image

Stage 3. Development

  • 01 Team resources were distributed to match the deadlines and project goals better;
  • 02 the team performed a comprehensive work on algorithm writing;
  • 03 held regular meetings with the customer to correct and monitor development progress;
  • 04 made UX/UI designs and corresponding corrections to make the program interface look as the client requested;
  • 05 created front-end and back-end parts of the software;
  • 06 constantly checked the program for compliance with the customer's business logic;
  • 07 conducted integration, system, and acceptance testing of the platform;
  • 08 loaded an app into Play Market and App Store.
roma

Roman

Lead Developer

Developing a mobile app for iOS and Android has been a challenge because operating systems are different and application requirements are also different. Many of the requirements of the App Store and Play Market were compulsory to publish an application there, such as payment methods, privacy policies, ad unit requirements, and so on. Everything went as intended without any unexpected issues as we carefully analyzed all the requirements and did our best to meet them.

Stage 1. Discovery

  • We discussed with the client ideas, requirements, and desired competitive advantages;
  • conducted comprehensive work on competitor analysis;
  • created a list of potential functionality based on the client's brief;
  • approved the strategy of creation, development, and implementation of the platform;
  • evaluated the necessary resources and works to be carried out during development;
  • created a development schedule;
  • approved the cost of work;
  • discussed additional legal and business requirements of the customer.

Stage 2.Design and Prototyping

  • We created and approved the strategy of work on the project;
  • presented a detailed plan for the development and further launch of the platform;
  • started working on the prototype and design;
  • formed software requirements specification (SRS) and work breakdown structure (WBS);
  • discussed and approved with the client further product development.

Stage 3. Development

  • Team resources were distributed to match the deadlines and project goals better;
  • the team performed a comprehensive work on algorithm writing;
  • held regular meetings with the customer to correct and monitor development progress;
  • made UX/UI designs and corresponding corrections to make the program interface look as the client requested;
  • created front-end and back-end parts of the software;
  • constantly checked the program for compliance with the customer's business logic;
  • conducted integration, system, and acceptance testing of the platform;
  • loaded an app into Play Market and App Store.
case workflow image
case workflow image

Results

We have developed a progressive web application (PWA), with versions for Android and iOS, to meet all the requirements of the Play Market, App Store*, and the FinTech industry in general. The application has implemented the functionality of reporting on possible investment opportunities, as well as a feature to see a deeper analysis after the purchase of premium subscriptions in the application.

The functionality is quite rich. It is possible to see the total amount of expenses that the user has filled in. Users can select the parameters by which they want to see changes over several years with the help of our innovative algorithm. Also, an advertising placement function has been implemented. And of course, the design shows what the spring is like on Jupiter and Mars:)

*This app was created before Apple released a restriction on uploading PWA (progressive web application) to AppStore. Meanwhile, PWA remains to be a solution for Web and Android platforms.
cat results

See you soon!