CASE STUDY

Invest Latam

The first platform in Latin America where you can negotiate online investments giving a loan to companies and in return receive a return.

Solution

Financials Solutions

Industry

Investment Banking & Brokerage

PROJECT DESCRIPTION

Invest Latam is Colombian investment service, which connects small businesses and investors to make credit and investment agreements via auctions. The company offers the first platform in Latin America, where anyone can lend money to small companies from Latin America. The company does not collect deposits. It is not a bank. Negotiations and money transfers are done directly between their clients. Meaning: investors transfer funds directly to companies and companies reimburse the loan to the investor's account.

The principle of operation is very simple: the client selects a company for investment, using the service and its reliability rating, negotiates a rate and makes investments. Invest Latam needed front-end page development for their service. To achieve their goal, they chose Computools. After preliminary negotiations and discussions, the parties switched to a fruitful cooperation. In the process of working on the project, all agreements and goals were reached.

Not as secure as bank. Negotiations and money transfers are done directly between platform’s clients

Not much work from our side

Tight schedule

Safety: Loans are backed by a personal guarantee and companies follow a solid credit process

Reimbursement control

Companies that borrow follow credit evaluation, provide guarantees and are monitored by a debt-recovery firm in case of delays

Communication Framework

Computools
Project Manager
Business Development Manager
Invest Latam
CEO
CTO
Communication

Constant communication with the client is crucial for solving urgent questions, discussing tasks and current issues of the project. To communicate with the customer in this project, the most convenient instant messengers were selected. Regular conferences and meetings were held on Skype, and the Whatsapp was used for urgent discussions. This made it possible to timely perform tasks in accordance with the necessary requirements.

Business Process Mapping

01
Consult

The first stage of cooperation with the company is consulting. This includes several capacious and important processes at once, such as determining the main and secondary goals, identifying the expectations and basic requirements of the client. Moreover, at this stage, deep analysis and research of existing solutions, ready-made solutions from our company is carried out. Competitors and their ways to solve tasks are also investigated. Our experts identify possible barriers and how they can be resolved; project risks are also calculated.

02
Design

This is another necessary preparatory phase, which includes building a high-level architecture, writing a project specification and creating an interactive prototype. Prototyping allows to study the functions of the finished pages, discuss their convenience, add new ones or remove unnecessary ones. Moreover, a clickable prototype of web pages contains elements of future design.

03
ENGINEER

Development begins with the selection of a team to work on this project. All participants undergo a careful selection, experts with the necessary knowledge, experience and skills are selected among the employees of the company. After this, an intro meeting is held, tasks are distributed and the team proceeds to their implementation. Development is conducted according to the chosen methodology and necessarily includes all types of testing.

Digital Platform & Technology

The stack of necessary technologies is determined by the idea and objectives of the project. Depending on the complexity and necessary functions, optimal technologies are selected from the already known in the market. For individual tasks, an innovative solution based on existing ones can be created.

Computools
Frontend Developers
Project Manager
Invest Latam
CEO
CTO
Communication
HTML

It is one of the globally accepted programming languages for the development of interactive websites and webpages. HTML is used with other languages like Javascript, CSS which gives more look and feel to a website by providing different font color, font size, and alignment to the whole content. HTML provides an easy way to optimize the website in HTML according to browsers to the web developers.

CSS

CSS is a language used to detail the presentation of a web page's markup language, such as colors, fonts, and layout. One of its key benefits is the way it allows the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). CSS change the traditional method of setting style and layout on each individual web page by allowing CSS designers to use a single file to control the style and layout of multiple web pages in the same website. So we can change the appearance of an entire website by editing one style sheet.

jQuery

It is a JavaScript library that aids in standardizing and simplifying interactions between HTML elements and JavaScript code. jQuery was used because of its simplicity and ease of use. One of the characteristic benefits of using jQuery is the fact that it deals with many cross-browser issues and bugs. jQuery makes use of powerful, clean, and simple syntax that makes it easier to pick the DOM elements on the webpage that developer want to change with JavaScript and enable to chain effects and actions together for effective code.

Less

Less is a CSS preprocessor and after compilation it generates simple CSS which works across the browser. It is faster and easier than its analogues, has Cleaner structure due to the use of Nesting. Less supports cross-browser compatibility. Coding is faster because the list of operators is provided by Less.
Use of Mixins resolves the reusability of code and embed all the properties of a class into another class by simple including the class name as one of its properties.

Gulp

Gulp is a task runner that uses Node.js as a platform. Gulp purely uses the JavaScript code and helps to run front-end tasks and large-scale web applications. It builds system automated tasks like CSS and HTML minification, concatenating library files, and compiling the SASS files.

Specification

The project specification is written at the second stage of the project and includes a list of necessary actions for the successful execution of tasks. The final specification is formed after the completion of the project, however, a preliminary list of actions is enough for the team to work.

Goal - Create a platform that connects investors and borrowers from Latin America.

Precondition Create an account as an investor or borrower Verify your details, phone number, documents and bank account

Main Flow Negotiate you loan or deal

Postconditions Investor: Get returns above 13.0% per annum Borrower: Get your loan at a cheaper rate.

COMPUTOOLS TEAM

For the project to be completed on time and taking into account all the requirements, we carefully select employees to a team. Although they are all professionals, the selection is carried out according to the level of their expert knowledge, skills and experience. We strive to gather the necessary number of specialists to complete the tasks as efficiently and quickly as possible.

Frontend Developers
Project Manager
Victoria Semenchenko
Quality Assurance
Maria Grekova
Business Development Manager
Artem Babura
Designer
Panchenko Valerii

BACKSTAGE

The development of applications and new pages is carried out efficiently and quickly thanks to the chosen methodology and project management tools. However, so that each developer feels that he is a sought-after and active participant in the project, we hold various meetings, for example, brainstorming or dev meetings.

Dev Meeting
At developer meetings, our employees share experiences and their project successes. This helps to see and evaluate the work from the outside. In some cases, the exchange of experience helps to find the best solution for the next section of the project.
Team Brainstorming
Maintaining the productivity of the entire team is one of the important issues while working on a project. Brainstorming allows to quickly find a solution to a problem, exchange ideas. It stimulates and motivates developers.
Feedback
For the team, the project does not end with the launch of the finished product. We organize feedback sessions that allow us to identify the strengths and weaknesses of working on tasks and share the difficulties that have arisen. This is a great opportunity for everyone to learn and become even better for the next project.

Internal Communication Flow

Internal communication in a team is necessary to maintain communication between participants, timely completion of tasks and quick resolution of emerging difficulties. For this project, Trello was chosen as the best way to distribute, monitor and complete tasks. Thanks to this, the Project Manager was always aware of the status of the task and could take timely action if necessary.

Project Management Methodology

Since the work on the project was carried out in a short time, the Kanban methodology was chosen. This saves time on developing pages and applications and improves the efficiency of the entire team.
Kanban gives the flexibility to build sustainable competitive advantage and empower the team to accomplish more and faster. Every project has a backlog of tasks to get through, and a series of process states that a task must pass through before it is delivered. Using the Kanban board, everyone can instantly see how tasks are moving through the process. The simplicity of its visual presentation enables PM to easily spot bottlenecks while they are forming.
The most obvious benefit of using Kanban is improved flow efficiency that happens shortly after the method is implemented into the project. Visualising your process will highlight areas of inefficiency very quickly. The next Kanban benefit, which is increased productivity. Kanban benefits team productivity by shifting the focus from starting work to finishing work.

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 restrictions and providing solutions for them
  • Identifying project’s risks
2
DESIGN
High-Level Architecture
  • Selecting basic architectural patterns and tools
  • Forming an application stack
  • Forming the main development guidelines
Interactive Prototypes & Specification
  • Development of an interactive prototype
Build Development Process
  • Calculating the number of project teams
  • 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 of tasks among team members, execution and completion
  • Introducing the necessary functions into new pages, applying edits to existing ones
  • Final refinement and implementation of page design
Testing & Stabilization
  • Developing a testing plan
  • UI & Unit testing
  • Applying improvements
  • Code stabilization/refactoring, increasing system stability, reducing the probability of bug emergency

Design Development

Design development was carried out in accordance with the stipulated requirements and needs of the client. The basics of user experience were laid at the stage of interactive prototyping. In the future, an active refinement of the user interface was carried out to create the most convenient and intuitive design of the pages.

Computools
Project Manager
Designer
Invest Latam
CEO
CTO
Communication

CODE DEVELOPMENT

Development was carried out in parts in accordance with the chosen methodology. At each stage, checks were carried out on our side and on the client's side (by CTO). Testing took place in several stages: internal Computools tests and manual tests from the client and his staff. After applying the edits, additional testing and refinement of the code were carried out.

CODE SAMPLE

Scan QR code to find code sample

Or use link below

https://github.com/computools/Css-Animations-with-less

Implementation On Client’s Side

01 Launch

The launch of the finished pages of the customer's service was completed on time and after a thorough check and tests. After confirming the functional capability of all pages, they were launched.

02 Transfer

All data was transferred to the servers carefully and taking into account all the requirements of the system. Upon completion, a series of tests were launched that confirmed the integrity of the transmitted data and its availability.

03 Education

This project did not require training for client employees. The intuitive and simple user-friendly interface eliminated the need to write guides and tutorials with tips for potential investors.

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.