Case Study: Website Development for ALL Logistic Group

Brief

ALL Logistics Group needed a scalable and highly flexible solution to manage and distribute content from a single central point to multiple frontend sites.

Challenge

The main challenge was that each site had specific requirements in terms of content and permissions, requiring careful organization of data and access without compromising performance and security.

Approach

Our approach involved developing a Drupal theme with a headless frontend built in React, providing the ALL Logistics Group brands with the flexibility they needed. This allowed for cost optimization, maintaining group unity, while also enabling customization and achieving the performance of custom-developed websites built to the highest standards.

Documentation and Business Analysis

Given the project's complexity in terms of the number of websites, the documentation and business analysis phase was extremely important, ensuring the project's success.

We identified the necessary components and their causal relationships, created wireframes, defined the UX for each component, and used the Gherkin language to create detailed documentation.

Technologies Used

We implemented a headless Drupal backend connected to multiple frontends built in React. Drupal not only manages the content but also structures it into separate groups corresponding to each site, with dedicated permissions and users. This ensures that each frontend accesses and displays only the relevant content.

Why We Chose Headless Drupal:

• Advanced Content Management: Drupal offers exceptional flexibility in managing content, allowing it to be segmented according to the needs of each site. This enabled us to organize the content into distinct groups, each accessible only by the users and permissions specific to each frontend.
• Detailed Access Control: Thanks to Drupal's robust permissions system, we ensured that each frontend site interacted only with its specific content. Authentication and authorization based on OAuth2 strengthened this control, adding an extra layer of security.
• Reliability and Scalability: Drupal is a mature and reliable platform that can handle large volumes of content and users without compromising performance. The flexibility to add new modules and extensions as needed was a key factor in choosing this CMS.
• Powerful Customization Capabilities: Drupal allows full customization of how content is managed and exposed, without imposing strict technological limitations. This adaptability enabled us to perfectly configure the backend to meet the needs of each React site.

Technical Details

• Backend: The headless Drupal backend serves content via JSON, allowing frontends to access the necessary data through specific endpoints for each content group. Each content group is organized according to the designated site, offering precise control over the distributed data.
• Authentication: OAuth2 was implemented to secure API access, ensuring that only authorized users could access the data specific to each site.
• Frontend: React was used to create dynamic and interactive interfaces, directly connected to the Drupal backend via JSON APIs, delivering a fast and seamless user experience.

Group Universe

The group’s universe, a recognizable element across all group brands, was integrated into all websites, both on the homepage and in the hero sections. This ensured consistency and showcased the extensive experience of the group’s companies.