Case study # Marketing CMS for Blinkit’s Native Mobile App ![Marketing CMS for Blinkit’s Native Mobile App](/sites/default/files/remediation-media/6541edd5cbdb646850fc7287_cover.avif) Industry Food and Beverages Location India Engagement Year ![Marketing CMS for Blinkit’s Native Mobile App](/sites/default/files/remediation-media/66278e85d8d60f90362fb9c2_output-onlinepngtools.avif) Focus Drupal CMS – for the Blinkit native mobile app to optimize content authoring experience for marketing teams. Services Drupal 8 UX & UI Design Technical Consultancy We partnered with Blinkit (previously Grofers) to design a CMS solution that would allow their marketing team to control the layout, content, and widgets on their mobile apps. The goal was to empower the marketing team to operate independently and free up the engineering teams to focus on other initiatives. We delivered a CMS that is optimized for native mobile apps and includes features such as layout control, widget management, content segmentation, A/B testing, and the ability to control app screens with a single click. [Live website](https://blinkit.com/) [Live website](https://blinkit.com/) ![Image grid mockup](/sites/default/files/remediation-media/65df27666f37a5e3b4405b9b_image_grid_mockup_01.avif) ![A delivery associate hands a paper bag of groceries to a customer signing on a tablet at a house gate](/sites/default/files/remediation-media/65df27b7e1e21f6d703c979b_image_25055.avif) ![Image grid mockup](/sites/default/files/remediation-media/65df27d5c893216a14dfbc0e_image_grid_mockup_03.avif) ![Image grid mockup](/sites/default/files/remediation-media/65df27ee546999b584e255ec_image_grid_mockup_04.avif) ## Challenge Blinkit’s marketing and category teams depended entirely on the engineering team for widget controls, running A/B tests, and various other tasks which affected the productivity of all teams. The solution had to be flexible enough to accommodate the advanced marketing needs of Blinkit, such as personalizing experiences, running A/B tests, segmenting content and offers, and integrating with the rest of their marketing tech stack. Another important aspect was that the CMS integration should not affect the performance, aesthetics, or UI integration with native elements of the app. ## Approach Our approach was to first understand the engineering infrastructure that powers the Blinkit app and analyze the risks. We then presented a solution and a demo that exposed a JSON that could be consumed by mobile apps. With this, we commissioned a proof of concept to validate core integration with the app. The proof of concept involved controlling banners and a couple of simple widgets on the app with a CMS. Once we validated the POC, we aligned our sprints to business events and short-term team needs. ## Solution ![Solution](/sites/default/files/w2c-sections/65df30b618940c1a4d842497_4.avif) ### Decoupled Drupal We chose Drupal 8 for its CMS, RESTful, and rapid development capabilities. Drupal's role-based access, easy and robust third-party integrations, caching mechanisms, and flexible architecture allowed for deeper integrations as a provider and a consumer in the distributed architecture. With decoupled Drupal, we were able to get the best of both worlds: the power of a CMS and the performance of a native mobile app. ### Reusable component library We built a reusable component library using the paragraphs module. This allowed the marketing team to easily drag and drop components, customize them, and preview the impact before publishing them directly to the app. The component library standardized the markup and schema for the app, making it easier for the team to work and maintain it. ### Content moderation We implemented a moderation workflow and revision-based system to mitigate risk and ensure that configuration mistakes could be tracked and rolled back easily. We also implemented a custom caching strategy with deep CDN integration for all assets to improve performance. ![Content moderation](/sites/default/files/w2c-sections/65df30fa29380f01e7c721f2_5.avif) ### Widgets scheduling & segmentation We enabled Widgets Scheduling and Segmentation for the marketing team to schedule widgets, products, campaigns, and promotions well in advance. The CMS also allowed them to personalize the experience by creating variations for different user cohorts. ### Webhooks We implemented Webhooks to post data to various Blinkit endpoints on creating and updating a layout. This allowed us to integrate the CMS with other systems to automate tasks and improve efficiency. ![Webhooks](/sites/default/files/w2c-sections/65df312a91bd67a33cae9a8d_6.avif) ## Outcome By using Drupal 8, Blinkit has been able to increase the productivity and communication of its marketing team by giving them the ability to control layout, content, and widgets without development help. The teams were able to reduce the content roll-out time and make changes quickly and easily. Drupal CMS improved the content authoring experience, providing the marketing team with the ability to run experiments and personalization for various user cohorts. The CMS can handle high traffic without any outages or issues. ## Bring us your challenge We’ll help you get clear on what needs solving, that’s where we begin You must have JavaScript enabled to use this form. Name Email Phone number Company name Message Attach brief *Supported formats are PDF, Doc, JPG in 4mb max. Yes, I'd like to hear from QED42 about our work, events, and updates. Privacy Notice Leave this field blank Next case study [ ![](/sites/default/files/clone-images/67179fb59b6bf064635f7a4d_beautiful-grandparents-couple-learning-use-digital-device_1_8284c428.avif) ### National Kidney Foundation's Drupal 7 to 10 migration | Redefining digital operations and experience ](/work/national-kidney-foundations-drupal-7-to-10-migration-redefining-digital-operations-and-experience)