Cross-Platform Mobile Application for E-Commerce

• Two multilingual and multiregional mobile apps
• Personalized product listings based on user activity
• Full synchronization of user activity with the website
• A 40% increase in Android users and a 17% increase in iOS users
• A 45% increase in average app usage time

The client’s existing mobile apps, built with a proprietary CMS, lacked the scalability and flexibility required for their growing luxury e-commerce business. They initiated a full rebuild of their web and mobile platforms, engaging our partner for website development and the OTAKOYI team for mobile application development.

• Seamless migration from native apps to Flutter, preserving user sessions and avoiding disruptions
• Unifying inconsistent feature sets between iOS and Android into a single cross-platform experience
• Magento API limitations — key modules like catalog filters lacked API support, and the page builder was web-only
• Magento Extensions missing or inconsistent API documentation
• No unified API documentation, requiring extensive reverse-engineering with Postman
• Development and testing of custom APIs significantly extended the timeline
• Tabby AI lacked an official Flutter SDK, so we built a custom integration based on open-source React Native code and API documentation

• Development of two mobile apps covering 100% of e-commerce website functionality
• No UI/UX designs for the mobile applications
• Magento as a non-API-first technology, requiring many custom-written layers
• Various integrations with no ready packages for Flutter

Since this project required close collaboration with our partner’s development team, our first priority was to establish smooth and efficient communication. Out of the box, Magento covered less than 40% of the required functionality. The web team relied on paid extensions, which mainly modified default layouts, so their work focused on adjusting visual elements.

For mobile, the challenge was greater. These extensions lacked REST API support, so we had to build custom mobile views for each extension and create the necessary APIs to ensure full functionality.

Additionally, there were no ready mobile designs, so we developed fully custom app components that matched the website’s features while enhancing the mobile experience. Using Flutter, we maintained a unified, efficient codebase, and with Codemagic, we ensured fast, reliable releases and testing.

• Close collaboration

  We consistently aligned our workstreams with the partner team responsible for the website.

• Design and build custom mobile components

  Since no mobile UI existed, our developers designed mobile components that matched the web experience.

• Single cross‑platform codebase

  Flutter ensured parity across iOS and Android while accelerating delivery.

• Custom API layers

  We built lightweight backend services to fill gaps where Magento APIs were missing or incomplete.

• Automated CI/CD

  Codemagic streamlined builds, tests, and deployments, keeping releases fast and reliable.

• Thorough QA and analytics

  Implemented thorough QA and integrated Adjust, Firebase Analytics, and Sentry to monitor performance and user behavior post-release.

The Magento Commerce Cloud platform provided a solid foundation with essential e-commerce features, ensuring the app met all standard online shopping needs across regions and currencies:

• User registration and authentication

  Secure account creation and login process, with added support for social providers like Facebook, Apple, and Google.

• Multi-store and multi-language support

  Serving multiple regions, including full Arabic and RTL layout compatibility. The app fully supports multiple stores across the MEAN region using Magento’s built-in multi-store functionality.

• Flexible payment and shipping options

  Automatically adjusted based on customer location, leveraging Magento’s configurable rules.

• Comprehensive product catalog

  Complete with advanced filtering, discounts, and promotions.

Instead of sticking to out-of-the-box integrations, we created solutions tailored to how the client’s customers actually shop. These upgrades broke through Magento’s API limitations, added more personalization, and gave shoppers flexible ways to pay — all wrapped in a smooth, mobile-first experience.

We built our own APIs so filtering works fast and feels effortless, helping shoppers find exactly what they want without frustration.

With Nosto AI, the app now serves up products that match each customer’s style and browsing habits.

By entering their body measurements, customers get personalized size recommendations. The tool filters the catalog to show only items in the right size, improving fit accuracy and reducing returns.

We integrated a variety of payment options including Apple Pay, Google Pay, and Checkout.com to give customers seamless and secure checkout choices. Notably, we made Tabby.ai’s split payment feature work flawlessly in the app — even without an official Flutter SDK — allowing customers to spread their payments over time with ease.