Sector(s)

Project Team

  • QED42 Team
  • Grofers Team

Visit the site

Visit the site

Organizations Involved

Grofers is India’s largest low price online supermarket in the grocery space, with operations in 28 cities delivering over 25 Million products every month. With Install base of 3+ Million, Grofers Mobile Apps serve the lion share of its e-commerce traffic.

QED42 got involved with Grofers to work on an initiative to design a CMS solution for Marketing, Category and Content teams to control the layout, content and widgets on the Grofers Mobile apps, enabling these teams to operate independently of Grofers engineering team. Also freeing up Grofers engineering teams to focus on other tech initiatives. This project was commissioned as a proof of concept (code name: layout engine) and graduated to full project within 3 weeks to offer a CMS optimised for Native Mobile apps with features to control the layout, widgets, Content Segmentation for Personalisation, run A/B Tests and unprecedented ability to control the app screens on a push of a button.

About the project

Challenges

  1. Dependency & Lost productive hours - Before App CMS, Grofers marketing & category teams depended on the engineering team for widget controls, running A/B tests and various other tasks that could be self-service and better managed by Marketing teams. This impacted not only the marketing team's productivity but also the productive time of the engineering team that could have been invested somewhere else.
  2. Tread with Caution - As the CMS work directly impacts the App experience and in turn primary user experience of Grofers, it was really important that integration must not fall short on Performance, Aesthetics & UI Integration with Native elements.
  3. Future Looking - Though our first mandate was to enable Marketing team with CMS function, it was very evident from the start that the solution has to be flexible and accommodate advance marketing needs to personalise experiences, running A/B Testssegmenting content/offers and enable integration with rest of the Marketing Tech stack like clever tap etc.

Our Approach

  • Exploratory workshop - Grofers App is powered by complex, distributed, cloud infrastructure with many moving parts as a business of that scale would require. Our first step to scope the effort was to understand the engineering infrastructure that powers the app and analysing the risks, after a meeting and multiple rounds of Q&A we presented our solution & a Demo that exposed a JSON that could be consumed by Mobile Apps. This instilled the confidence to commission a proof of concept that looked to validate core integration with the app.
  • Proof of Concept - The second stage was to check the core integration and see if we face issues in basic integration, for this we chose banners and couple of simple widgets on the app to be controlled by CMS. 3 weeks into the proof of concept, we are now much more confident of being on the right path.
  • Technology Selection - We needed a RESTful Application framework with core CMS skills like authoring experience, access control etc. We chose Drupal for Rapid Application Development and robust CMS competencies, Drupal 8 being RESTful from the ground up made integrations very straight forward and we could employ Decoupled Drupal paradigm to its full potential.
  • Business Alignment - Once we validated our proof of concept, rather than taking a full backlog approach and defining ultimate scope it made more sense to align our sprints to business events and team short term needs, for instance, we focused on just performance around GOBD — Grand Orange Bag Days, Grofers bi-annual black Friday sale equivalent. This approach allowed us to test our solutions very quickly in real-time situations.

Special Features

Our Custom Development: Updates on the Android and iOS apps were directly controlled by the Content Management System. This use case is very specific to Grofers and was not contributed to Drupal.org.

Outcomes

  • Self Sufficiency of Marketing Team allowed for better productivity, lesser to and fro, more control over the marketing communication on the app.
  • Saved Many productive hours of Grofers Engineering Team to focus on the core product.
  • Reduced the content roll-out time drastically with Do it Yourself CMS.
  • Allowing for more marketing experiments and better personalisations with Do it Yourself Experiments.
  • Handled recent GOBD traffic without any outage or issues.
Back to top

Why Drupal was chosen

Drupal 8 was chosen primarily for its CMS, RESTful and rapid development capabilities. Drupal’s role-based access, easy and robust 3rd party integrations, caching mechanisms, and its flexible architecture allowed for deeper integrations as a provider and a consumer in the Distributed architecture.

We were able to use Drupal CMS capabilities (Paragraphs & Layout Builder) to give an optimised authoring experience to Marketing teams, allow for Personalisation and Segmentation, Versioning and offer Preview capabilities.

We were able to get the best of both worlds with Decoupled Drupal.

Grofers App CMS

Technical Specifications

Drupal version:

Key modules/theme/distribution used:

Why these modules/theme/distribution were chosen

Reusable component Library: We built a component library using paragraphs module for the marketing team to pick and choose from, they were able to drag any component, customise and preview the impact. On satisfaction, they were able to publish these changes directly to the app, this component library made Marketers work very easy and also standardised markup and scheme for the app.

Content Moderation: Risk mitigation with a moderation workflow and revision based system ensuring configuration mistakes could be tracked successfully and rolled back with a single click.

Performance: Custom Caching Strategy with deep CDN integration for all assets.

Widgets scheduling & Segmentation: This empowered the marketing team to schedule a widget, product, campaign, promotion well in advance. The CMS also allowed personalising the experience by allowing for variations per user cohorts.

Webhooks to integrate with other Systems: Webhooks to post data to various Grofers end-points on creation and update of a layout.