Rubyroid Labs’s Case: Payment Service Development Using Ruby on Rails

rubyroid labs payment service development using ruby on rails
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

rubyroid labs payment solutions
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.

  • secure save card details

  • 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

Scroll to Top