Transforming
Digital
Toy Store with Scalable Adobe Commerce Solutions
Empowering a Parent-Led Toy Brand with an Intuitive, Scalable, and Mobile-First E-commerce Platform
Project Overview
Kanaa, a digital-first toy retailer in the Middle East, sought to develop a scalable, high-performance e-commerce platform designed for modern parents. The goal was to deliver a mobile-first, culturally localized shopping experience with seamless integrations across ERP systems, payment gateways, and advanced search capabilities.
We implemented Adobe Commerce Cloud with a headless architecture, a Progressive Web App (PWA) storefront, and a React Native mobile app. The project focused on performance, scalability, and user engagement, transforming Kanaa into a future-ready digital toy store.
Description
Industry
eCommerce
Services
Design, Development, and Deployment
Country
KSA
Platform
Adobe Commerce
Overview
Kanaa is more than just an online toy store—it’s a vibrant platform built on the belief that toys are the cornerstone of a child’s imagination and development. Founded by parents for parents, Kanaa is on a mission to bring joy, learning, and a little magic into every household through thoughtfully designed, educational, and safe toys. As a proud subsidiary of Samaco Toys & Leisure, Kanaa aims to lead the Middle East’s digital toy retail landscape.
However, to truly deliver on this promise in today’s digital-first world, Kanaa needed an online platform that matched its vision—intuitive, fast, secure, and scalable.
Industry: E-commerce – Toy Retail
Services: Adobe Commerce Cloud Implementation, ERP Integration, PWA Development, Payment Gateway Integration, Mobile App Development
The Challenge
Scaling a Passion Project into a Powerful Digital Experience
Problem Statement:
Kanaa needed a robust e-commerce solution that not only offered high performance and scalability but also delivered an engaging, mobile-friendly user experience. The platform had to support advanced integrations, including ERP systems, multiple payment gateways, and a modern Progressive Web App (PWA) storefront—all while maintaining a strong SEO foundation and an exceptional user experience.
Key Challenges
Scalability & Performance
Kanaa needed a robust platform that could handle rapid growth and high traffic without compromising speed.
Mobile-First User Experience
Delivering an app-like, responsive experience across devices was essential to meet the expectations of modern parents.
Seamless Backend Integration
Complex integrations with ERP, payment gateways, and logistics systems were critical for operational efficiency.
Localized Shopping for the KSA Market
Ensuring full Arabic localization and support for regional payment and fulfillment systems was vital for market relevance.
Scalability & Performance
Kanaa needed a robust platform that could handle rapid growth and high traffic without compromising speed.
Mobile-First User Experience
Delivering an app-like, responsive experience across devices was essential to meet the expectations of modern parents.
Seamless Backend Integration
Complex integrations with ERP, payment gateways, and logistics systems were critical for operational efficiency.
Localized Shopping for the KSA Market
Ensuring full Arabic localization and support for regional payment and fulfillment systems was vital for market relevance.
Scalability & Performance
Kanaa needed a robust platform that could handle rapid growth and high traffic without compromising speed.
Mobile-First User Experience
Delivering an app-like, responsive experience across devices was essential to meet the expectations of modern parents.
Seamless Backend Integration
Complex integrations with ERP, payment gateways, and logistics systems were critical for operational efficiency.
Localized Shopping for the KSA Market
Ensuring full Arabic localization and support for regional payment and fulfillment systems was vital for market relevance.
Our Solutions
Headless Implementation
We utilized Adobe Commerce Cloud v2.4.7, featuring a headless architecture, to deliver a flexible and scalable platform.
Algolia-Powered Search
We integrated Algolia for instant, AI-powered, typo-tolerant search to boost product discoverability, conversions, and user satisfaction.
Project Management and QA
We employed an agile approach, utilizing JIRA for tracking and multi-level QA testing, to ensure a stable and high-performance release.
SEO Optimization
Built with SEO best practices, Kanaa’s platform utilizes structured data, clean URLs, and fast load times to enhance organic visibility and facilitate product discovery.
- Solutions For Web
-
Arabic-First Website
The website was fully localized with RTL support, regional currency, and KSA-specific preferences for a native user experience. -
Web Marketing & Analytics Integration
For the website, we used WebEngage, GA4, and Mixpanel to monitor user journeys, enhance targeting, and deliver personalized experiences across web channels. -
Gift Wrapper
We added a gift wrap option at web checkout, enhancing the gifting experience and aligning with Kanaa’s family-focused values. -
Push Notifications
Web-based push notifications keep users informed about promotions, restocks, and order status, thereby boosting re-engagement.
- Solutions For Web
-
Arabic-First Website
The website was fully localized with RTL support, regional currency, and KSA-specific preferences for a native user experience. -
Web Marketing & Analytics Integration
For the website, we used WebEngage, GA4, and Mixpanel to monitor user journeys, enhance targeting, and deliver personalized experiences across web channels. -
Gift Wrapper
We added a gift wrap option at web checkout, enhancing the gifting experience and aligning with Kanaa’s family-focused values. -
Push Notifications
Web-based push notifications keep users informed about promotions, restocks, and order status, thereby boosting re-engagement.
- Solution for Mobile
-
Arabic-First Mobile App
The mobile app featured a right-to-left (RTL) layout and Arabic localization to deliver a seamless, culturally relevant experience for Saudi users. -
PWA Venia Storefront
We built a PWA using Venia Storefront for fast load times, smooth navigation, and an app-like experience, which boosts engagement and reduces bounce rates. -
React Native Mobile App
We built a React Native app that mirrors the PWA, adding native features such as push notifications and easy product discovery for on-the-go parents. -
Mobile Marketing & Analytics Integration
We integrated Adjust and Mixpanel to track mobile user behavior and attribution, enabling personalized, data-driven engagement through the mobile app. -
Gift Wrapper
The mobile app also features gift wrap at checkout, making it convenient for on-the-go users to personalize their orders. -
Push Notifications
In-app push notifications enable mobile users to stay informed in real-time, enhancing retention and user experience.
- Solution for Mobile
-
Arabic-First Mobile App
The mobile app featured a right-to-left (RTL) layout and Arabic localization to deliver a seamless, culturally relevant experience for Saudi users. -
PWA Venia Storefront
We built a PWA using Venia Storefront for fast load times, smooth navigation, and an app-like experience, which boosts engagement and reduces bounce rates. -
React Native Mobile App
We built a React Native app that mirrors the PWA, adding native features such as push notifications and easy product discovery for on-the-go parents. -
Mobile Marketing & Analytics Integration
We integrated Adjust and Mixpanel to track mobile user behavior and attribution, enabling personalized, data-driven engagement through the mobile app. -
Gift Wrapper
The mobile app also features gift wrap at checkout, making it convenient for on-the-go users to personalize their orders. -
Push Notifications
In-app push notifications enable mobile users to stay informed in real-time, enhancing retention and user experience.
- Solutions For Web
-
Arabic-First Website
The website was fully localized with RTL support, regional currency, and KSA-specific preferences for a native user experience. -
Web Marketing & Analytics Integration
For the website, we used WebEngage, GA4, and Mixpanel to monitor user journeys, enhance targeting, and deliver personalized experiences across web channels. -
Gift Wrapper
We added a gift wrap option at web checkout, enhancing the gifting experience and aligning with Kanaa’s family-focused values. -
Push Notifications
Web-based push notifications keep users informed about promotions, restocks, and order status, thereby boosting re-engagement.
- Solution for Mobile
-
Arabic-First Mobile App
The mobile app featured a right-to-left (RTL) layout and Arabic localization to deliver a seamless, culturally relevant experience for Saudi users. -
PWA Venia Storefront
We built a PWA using Venia Storefront for fast load times, smooth navigation, and an app-like experience, which boosts engagement and reduces bounce rates. -
React Native Mobile App
We built a React Native app that mirrors the PWA, adding native features such as push notifications and easy product discovery for on-the-go parents. -
Mobile Marketing & Analytics Integration
We integrated Adjust and Mixpanel to track mobile user behavior and attribution, enabling personalized, data-driven engagement through the mobile app. -
Gift Wrapper
The mobile app also features gift wrap at checkout, making it convenient for on-the-go users to personalize their orders. -
Rental Feature Integration
Enabled mobile users to rent toys for a specific period and return them, adding flexibility and value to the customer experience.
Features Implemented
ERP Integration – MS Dynamics 365 F&O
We integrated MS Dynamics 365 F&O to automate inventory, orders, and supply chain, streamlining backend operations and ensuring real-time visibility.
Haptik Chat Integration
We integrated Haptik’s AI chatbot for real-time support, boosting engagement and reducing cart abandonment across both web and mobile platforms.
Hyperpay Integration
We integrated Hyperpay with full support for VISA, MAADA, and Apple Pay, delivering a frictionless and secure payment experience for KSA customers across all platforms.
GraphQL API Integration
We utilized GraphQL APIs to achieve faster data retrieval, enhance frontend performance, and minimize server load, particularly on mobile and dynamic pages.
SPL Integration
We integrated SPL to optimize shipping and delivery, thereby improving fulfillment accuracy and reducing delivery times, ultimately enhancing customer satisfaction.
Message Queue with RabbitMQ
We implemented RabbitMQ to handle high-volume tasks efficiently, enabling asynchronous processing of orders, notifications, and ERP syncs, which boosts performance and reliability.
Tech Stacks
React
Magento
Adobe Commerce
GraphQL
Algolia
React
Magento
Adobe Commerce
GraphQL
Algolia
Results After Implementation
Robust Digital Transformation
Kanaa shifted from a traditional model to a scalable digital platform, simplifying online toy shopping for parents.
Mobile-First Shopping Experience
PWA and mobile app adoption led to a 40% increase in mobile sessions within 30 days.
Improved Search Experience
Algolia search reduced bounce rates and increased product clicks by over 60%.
Seamless & Secure Transactions
Hyperpay and Apple Pay integration boosted checkout completion rates by 35%.
Operational Efficiency
ERP and RabbitMQ integrations cut order fulfillment time by 25%.
SEO Performance Boost
SEO enhancements drove a 70% increase in organic traffic and a 50% improvement in keyword rankings.
