Itransition developed a complex technical solution for a video ecommerce platform with AI-powered product recognition among 1.5 million images and optimized internal processes based on Agile development practices, thus cutting feature delivery costs by 30% and achieving 2.5x higher productivity.
The customer is AiBUY, a US leader in shoppable media technology and the owner of an interactive video ecommerce platform that uses overlay technologies and machine learning. The platform allows brands to create shoppable videos and grow their influence by cooperating with partners, affiliates, and resellers on the local and global markets.
Their goal was to bring the next innovative iteration of their product to an MVP stage and transform their patented ideas into scalable and flexible services with the help of the latest technologies. Therefore, they needed a reliable technology partner to define and carry out the delivery strategy. Itransition became that partner as the customer previously collaborated with us on another project and was impressed by our expertise in Agile and machine learning advisory as well as our track record in ecommerce development.
In the course of four years of intensive collaboration, we implemented the following solutions and processes:
AiBUY Overlay is our customer’s proprietary web platform allowing users to create videos for all online channels, showcasing products and services paired with calls to action and interactions for frictionless buying.
The solution utilizes machine learning technologies. Based on the item detected in an image or a video to be overlaid, the system powered by computer vision software scans images found in marketing affiliate networks, automatically analyzes them, and provides the closest matching products from the database. The automatic recognition results could be moderated by administrators, and the underlying neural network could be retrained to fit changing business needs.
Our team complemented the solution with the following features:
During our collaboration, we made sure to take into account the users’ feedback regarding possible improvements and such metrics as views count per video, conversions per video, smart store impressions, the number of unique users, views by country, etc. As a result, the AiBUY Overlay platform offers the following features:
When we started out, the AiBUY Overlay was operating as a frontend in JavaScript, the management portal and the admin area as a middle tier in PHP, and the monolith Service Bus as a backend in Java. This caused a few issues:
In the course of the architecture redesign, we:
Itransition’s team provided AWS consulting services and replaced external services, such as CDN and video transcoding, with AWS to simplify the infrastructure and reduce support and usage costs. The services no longer communicated directly with each other but instead used API Gateway/Load Balancer API and other infrastructure perks to enable seamless updates and horizontal scaling if necessary. As a result, the implemented infrastructure was no longer monolith as we transferred the entire backend to microservices.
The microservices communicated via HTTP, where a synchronous response was needed. To cover asynchronous messages, we enabled communication on top of AWS SQS/SNS using AWS Lambda. Only the Management Portal and AiBUY Overlay were left publicly available and distributed via a CDN.
By the end of the redesign, the project ecosystem included 12 environments running independently and containing more than 30 individual microservices, serverless lambdas, frontend single-page applications, and PHP services each.
As part of ongoing partnership, Itransition helps AiBUY deliver custom features for their clients. Here are the examples of the most notable customizations:
For an AiBUY client with a podcast application, our team connected AiBUY Overlay with their mobile solution to enable listeners to buy items mentioned in a podcast.
For this, we configured the Overlay platform, removing video content modules, and created product purchase and payment flows for the podcast application. To enable users to see items mentioned in a podcast, we implemented an overlay widget that opens AiBUY Overlay via a public API. As the podcast listener clicks on cue points for products or additional information, the app displays the corresponding item or redirects them to the information page. Â
We integrated AiBUY Overlay with a mobile AR application aimed at making online experiences more interactive. Our team customized the AiBUY Overlay’s look and feel and implemented a payment widget to allow users to purchase items in-app.Â
As a result, the client’s application can access the user’s mobile device camera and overlay AR elements that users can purchase through the AiBUY widget.
Itransition provided another of AiBUY’s clients the feature for integrating sporting goods ads into workout videos on their website.Â
To achieve this, we implemented a custom overlay compatible with the functionality of JW Player the company uses as a video player. We also integrated AiBUY Overlay with JW Player API, modified AiBUY look and feel, and added the option of adding an ad video link manually.Â
Another integration was implemented for New York Fashion Week as we connected AiBUY Overlay with the client’s custom video player and added two essential features.
The first feature was intended for the event live streaming and enabled the client to create a product set in advance and then activate and deactivate relevant items during live streams of runway shows.
The second feature automatically generates slide outs from live events that are displayed during the video playback. It enabled the client to repeatedly activate and deactivate products during the show in on-demand videos without creating new overlays manually.
We set up collaborative processes within our team and demoed them to the customer’s decision-makers, set up processes for their distributed teams, and generally organized the mutual collaboration using the best of Agile methodology.
Itransition assigned a certified Agile delivery manager to the project, responsible for identifying communication interconnections and bottlenecks. We also introduced the Scaled Agile Framework (SAFe) as it allowed us to link business and development, combining the advantages of Agile transformation with systems thinking and lean product development. We conducted intensive SAFe injection workshops for all teams.
The project members were grouped on two levels—team and program ones. At the team level, we arranged all the processes and regular releases, while at the program level the business owner, the product manager, and system architects worked closely together.
Organized planning helped the customer get a realistic picture of the entire project, predict issues and bottlenecks, and make data-based decisions for future iterations. We managed to synchronize alignment, collaboration, and delivery between multiple Agile teams and reach the following improvements:
Once the MVP was released, the teams moved from SAFe planning cycles to Kanban cadences and by-feature releases a few times a week to ensure the necessary release speed. This provided a shorter feedback cycle and the ability to deliver increments for several request flows from AiBUY.
When AiBUY requested a new feature, Itransition allocated a dynamic team to develop and move it to production. Meanwhile, the customer’s team could quickly make changes to the development plan and add new tasks without waiting for two sprints until a planned iteration was delivered.
Moving from large scheduled releases to fast incremental ones brought the following benefits:
When our engineers joined the customer’s DevOps team, they set out for fully automating delivery and moving the entire process to a new TeamCity application. They were able to cut feature delivery costs by 30% by writing new customized scripts for the features developed by the previous software vendor.
Within DevOps consulting, our team also adopted CI/CD and bug feature release principles. Within the new transparent CI process, any change in the code resulted in automatic assembly and unit testing launch. If the steps were completed without any issues, the updates were deployed to the cloud.
During this three-year-long partnership, Itransition was fully responsible for the shoppable video platform development, coming up with the most effective solutions to AiBUY’s new ideas.
During our collaboration, we have achieved the following results: