If you wish to find out how Rubyroid Labs develops payment systems, the following case will be interesting to you. So, just keep reading this article to obtain some useful info.
Basic Information about the Case
The payment service has been developed for bePaid by Rubyroid Labs using Ruby on Rails.
bePaid is a payment system that allows making payments in one click. Now, it is possible to use over 15 payment options without being redirected to another website. The other key features of the system include widget customization, secure saving bank card details, and legacy browser support.
The Task
The company was given a task to create a front-end part for the existing payment system to seamlessly integrate it into e-Business sites. Also, the only payment option available was credit/debit cards, so more payment methods had to be added.
How Rubyroid Labs Managed the Problem
The tasks were completed in several steps.
- Step#1 — Preparation of User Interface/User Experience Designs
An analyst went through the materials, and then a designer started to work on the project. Once the design was ready, an engineer started to work on the development.
- Step#2 — Eliminating Redirections
That task was accomplished thanks to a pop-up window. To ensure the protection of sensitive info, a payment widget was set to be loaded in a separated iframe.
- Step#3 — Adding More Payment Options
A menu-bar was added, which allowed a variety of 15 payment options, including QIWI, TrustPay, Skrill, Neteller, and others.
- Step#4 — Ensuring Compatibility with Old/Non-supported Internet Browsers
Webpack was used for that purpose. That was done to ensure that the latest JavaScript and CSS codes would be readable for a greater number of users.
- Step#5 — Ensuring Widget Customization
CSS parameters were transferred to the JSON format to match the needs of any business website.
- Step#6 — Adding the “Save Card” feature
Thanks to the safe way of saving and storing bank card details, customers can make transactions in a quicker and more convenient way.
Photos courtesy of gettyimages.com
