CASE STUDY

Finmap Online

Online service for managing company finances.

Solution

Financials Solutions

Industry

Specialized Finance

PROJECT DESCRIPTION

FINMAP.online is providing customers with online service for managing company finances. There're everything for small and medium business. The service provides Automated Reports, Sync between all devices, Debt control, Calendar for planning, Scheduled transactions, API Integration, Custom algorithm, Multicurrency, Individual analytics. Among the numerous functionality of the service, extremely important abilities to manage the client's finances and finances of his company by using web application; to share with his workers giving them access to the parts they work on; to make reports; to identify the financial weaknesses of the business. To provide better services and increase the number of customers, the FINMAP.online needed a page redesign. With this task, they turned to the Computools. After preliminary discussions of the project, tasks and goals, the optimal solutions were chosen.

There is no ability to switch to English

There is no iOS and Android application, only web application

256-bit SSL encryption - the world standard for banking and other financial institutions that makes replacing your actions with stranger’s ones impossible

Service works in the cloud - no data is stored on your computer (no virus)

Official company data are not required

Workers have access to the parts they work on only

Communication Framework

Computools
Frontend Developer
Frontend Developer
Project Manager
Designer
Business Development Manager
FINMAP.online
Team Lead
CEO
Communication

A properly built communication framework is crucial for the project. This allows to constantly maintain communication between all participants, receive answers to urgent questions and quickly solve difficulties. For this project, email and Skype were chosen as the most convenient ways of communication for all participants. The E-mail was used to exchange information and confirm individual parts of the project, discussions and video conferences were held on Skype.

Digital Platform & Technology

The technologies necessary for the implementation of the project are determined by its goals and objectives. After studying ready-made solutions and an interactive prototype, the stack of technologies and project platforms is finally approved.

Computools
Frontend Developer
Frontend Developer
FINMAP.online
CEO
Communication
Node.js

It is a runtime environment, based on Chrome’s V8 JavaScript engine. Node.js has a lot of benefits, such as better efficiency and overall developer productivity, code sharing and reuse, speed and performance, easy knowledge sharing within a team, a huge number of free tools. It makes a lot more flexible, the development is less time-consuming and as a result, we get fast and reliable software.

React JS

React is an efficient, declarative, and flexible open-source JavaScript library for building simple, fast, and scalable frontends of web applications. React basically allows developers to utilize individual parts of their application on both client-side and server-side, which ultimately boosts the speed of the development process. React code is easier to maintain and is flexible due to its modular structure. This flexibility, in turn, saves huge amount of time and cost to businesses.

TypeScript

TypeScript provides highly productive development tools for JavaScript IDEs and practices, like static checking. TypeScript makes code easier to read and understand. With TypeScript, we can make a huge improvement over plain JavaScript. Moreover, it guarantees static typing, more control over the data while developing.

Redux

Redux is a predictable state container for JavaScript applications. It helps to write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. Iit provides a great developer experience, such as live code editing combined with a time traveling debugger.

Specification

The specification for the project is created in parallel with the prototype and is an approximate algorithm of the actions necessary to perform for the successful completion of tasks. The specification may consist of several steps and include additional sub-steps. Final specification is formed after the completion of the project.

Goal - Redesign of financial platform. Precondition Open https://finmap.online/ and get to know what the company offers.
Main Flow Register or enter Create workspace Buy for subscription
Postconditions Use Finmap.online and create reports

COMPUTOOLS TEAM

The project team is based on the selected technology stack and specification. To complete the tasks, the necessary experts are selected. To ensure that the project is completed on time and the finished product is of the highest quality, we carefully choose employees based on their experience and in-depth knowledge of the necessary technologies. After the team is assembled, it can be supplemented by new experts if necessary.

Frontend Developer
Sergei Vasiliev
Business Development Manager
Alexander Palieshko
Designer
Valerii Panchenko
Project Manager
Aleksandr Novikov
Frontend Developer
Dmytro Batarin

BACKSTAGE

The development process takes place in a friendly area of constant discussion and timely completion of tasks. We strive to create a healthy working atmosphere where each project participant can express their opinion, propose an idea or solution.

Dev meetings
Developer's meetings serve two purposes at once. Firstly, it is the interaction of team members, which allows it to rally and work more harmoniously. Secondly, it helps to detect errors in the code, find a solution or share experiences with other developers.
Team Brainstorming
Brainstorming is one of the most productive ways a team can work on a project if necessary to find an original solution. Each participant has the opportunity to offer an idea, even the craziest. Truly innovative solutions appear in the discussion.
Feedback
At the end of the project or a large part of it, we conduct feedback sessions. This helps to identify the strengths and weaknesses of the project, its participants. Everyone gets the opportunity to improve their skills for the next project.

Internal Communication Flow

An internal communication system allows to organize workflow, discuss the task if necessary. For this project, Trello was selected, which allows to distribute tasks between participants and constantly monitor their status and implementation. This project management method guarantees its high speed and efficiency.

Project Management Methodology

The methodology is selected individually for each project. A Waterfall was selected for this project. Waterfall methodology is a linear project management approach, where stakeholder and customer requirements are gathered at the beginning of the project, and then a sequential project plan is created to accommodate those requirements. This management methodology that has at least five to seven phases that follow in strict linear order, where a phase can’t begin until the previous phase has been completed. It has some important benefits. Because project requirements are agreed upon in the first phase, planning and scheduling is simple and clear. With a fully laid out project schedule, we can give an accurate estimate for your project cost, resources and deadlines. It’s easy to measure progress as we move through the phases and hit milestones. Customers aren’t perpetually adding new requirements to the project, delaying production.

PROJECT TIMELINE

1 week
2 weeks
3 months
1
CONSULT
Defining goals
  • Identifying high-level project goals
Analysis & Exploration
  • Researching and analyzing the existing and ready-made solutions
  • Defining main restrictions and providing solutions for them
  • Identifying the main risks
2
DESIGN
High-Level Architecture
  • Selecting basic architectural patterns and tools
  • Forming an application stack, work processes with VCS
  • Forming the main development guidelines
Interactive Prototypes & Specification
  • Development of an interactive prototype
Build Development Process
  • Choosing project methodology, calculating the number of project teams, forming process configuration
  • Configuring the technological processes and interactions between roles.
3
ENGINEER
Build The Team
  • Making the initial scope based on the specification and estimate, calculating the optimal number of specialists for each role
  • Adding executors to the team's core
  • Conducting an intro meeting
Development
  • Distribution and execution of project tasks
  • Integration of the necessary options
  • Implementing the design of the finished page
Testing & Stabilization
  • Developing a testing plan
  • UI & Unit testing
  • Applying improvements
  • Code stabilization/refactoring, increasing system stability, reducing the probability of bug emergency and speed up development

Design Development

The design of the project was developed in parallel with coding. The design basis - user experience - was laid at the stage of creating an interactive prototype. Further design development was carried out according to the specification and methodology of the project. The implementation of the finished design took place at a predetermined stage. After testing, minimal improvements were made.

Computools
Project Manager
Designer
FINMAP.online
Team Lead
Communication

CODE DEVELOPMENT

The entire code development process was divided into parts, depending on the sections, each individual part was developed separately. Each developer was responsible for his own area of ​​work. One was responsible for the magazine and settings, calendar, the other for analytics, reports. The review was in the form of PR, each of them was looked by the Team lead from the client's side.

CODE SAMPLE

Scan QR code to find code sample

Or use link below

https://gist.github.com/dbatarin/2fac66c003ca9767d7cfae8342a1d59d

Implementation On Client’s Side

01 Launch

The launch of the finished page took into account the agreed terms and was completed according to the project schedule. Preliminary tests, automatic and manual, showed complete readiness and only after approval by the client, the page was launched.

02 Transfer

The transfer to the client’s servers was carried out after the successfully completed testing stage and in compliance with all the rules and norms. After completion, an additional series of tests was launched to confirm the page was working.

03 Education

The convenient and intuitive interface of the finished page eliminated the need for training of client personnel. Also, it did not require the creation of tutorials or guides for future customers.

What our client said

CEO at FINMAP.online
Kaunov Ivan

«Computools team mapped a workflow according to our preferences. After that, they determined the project’s strengths and weaknesses and advised the features better suited for the finished product. Upon devising the development plan and selecting the best-suited technology stack, the distributed team set to the project realization.
They provided very reasonable services. Also, I like their attitude, they are always ready to accept any type of technical challenge and the most important things. They dealt with all the challenges very sharply. »

CONTACT US

Let's talk about your project.
Use the form to drop us an e-mail.

Thank you for your message!

Your request will be carefully researched by our experts. We will get in touch with you within one business day.