Sector(s)

Visit the site

Visit the site

Organizations Involved

The Ministry of Human Resources and Social Development (HRSD) in Saudi Arabia undertook a strategic initiative to redesign and redevelop its official digital portal to align with the Platforms Code Design System, Saudi Arabia’s official design system for government platforms. Sprintive partnered with HRSD to deliver this transformation using Drupal CMS, ensuring seamless design compliance, robust content management, and scalable integrations—all while enhancing user accessibility and engagement.
 

Describe the project (goals, requirements and outcome)

Project Goals

  • Modernize HRSD’s web infrastructure to comply with the Platforms Code Design System.
  • Empower the ministry with a flexible content management backend.
  • Provide real-time data transparency through Power BI.
  • Improve citizen engagement with responsive design and dynamic form capabilities.
  • Enable seamless frontend/backend integration using Drupal and modern JavaScript frameworks.

Key Outcomes

  • A visually unified, accessible, and secure digital platform serving millions of users.
  • A Drupal-powered CMS enabling HRSD to publish, manage, and organize a broad array of public-facing content.
  • Dynamic integration with Power BI, offering stakeholders transparent access to vital statistics and social development KPIs.
  • A custom webform builder facilitating service delivery, surveys, and citizen input.
  • A headless architecture using Drupal as a backend and React/Next.js for the frontend, streamlining performance and maintainability.
     
Back to top
Why Drupal was chosen

1. Compliance with Platforms Code Design System

  • To ensure visual and functional alignment with Saudi Arabia’s national digital identity, Sprintive used SAUD, a custom-built tool that streamlines the application of the Platforms Code Design System within Drupal. This approach ensured:
  • Full compliance with DGA guidelines for government portals.
  • Efficient reuse of UI components and layout patterns.
  • Faster front-end implementation and future adaptability.

2. Security

  • Dedicated Security Team: Drupal’s global security team actively monitors vulnerabilities and provides timely patches.
  • Data Protection: Secure handling of sensitive citizen and ministry data with support for encryption and secure authentication.
  • Trusted Framework: Drupal is widely adopted by governments for its proven track record in handling mission-critical data securely.

3. Scalability & Stability

  • Future-Proof Architecture: Drupal is built to scale, supporting growing content volumes and high user traffic.
  • Long-Term Reliability: A mature CMS trusted by global institutions.

4. Content Management

  • Powerful CMS Backend: Drupal offers granular content structuring, version control, and multilingual support—ideal for HRSD’s wide range of content types.
  • Collaborative Publishing: Enables multi-user content workflows, suitable for large internal teams.

5. Integration Capabilities

  • API-First Approach: Drupal’s RESTful APIs enable seamless integration with third-party systems and databases.
  • Power BI Embedding: Live, interactive reports and dashboards from Microsoft Power BI are integrated into the portal to communicate up-to-date national statistics.
  • React & Next.js Integration: Drupal exposes layout components consumed by the React-based frontend for a consistent and performant user experience.

6. Accessibility and Inclusivity

  • WCAG Compliance: Drupal supports accessibility best practices, ensuring inclusive access for all users, including those with disabilities.
  • Multilingual Capabilities: Essential for engaging a diverse audience across Saudi Arabia.
     
Back to top

Technical Specifications

Drupal version: