Skip to content
Snippets Groups Projects
Commit c74acbac authored by Pamela Barone's avatar Pamela Barone Committed by Adam G-H
Browse files

Issue #3498649 by pameeela, mherchel, kristen pol: Project and case study full...

Issue #3498649 by pameeela, mherchel, kristen pol: Project and case study full page display CSS tweaks
parent 29e97809
No related branches found
No related tags found
No related merge requests found
Pipeline #392164 passed
Showing
with 36 additions and 23 deletions
......@@ -7,6 +7,14 @@
margin-bottom: var(--sp2);
}
.field--name-field-case-study__client-name {
color: var(--color-text-neutral-medium)
}
.field--name-field-case-study__client-link a {
margin-block: 0;
}
.node--type-case-study {
.field--name-field-content {
margin-bottom: var(--sp3);
......
/**
* @file
* Styles for case study content type.
* Styles for project type.
*/
.field--name-field-project__client-logo {
margin-bottom: var(--sp2);
}
.field--name-field-project__client-name {
color: var(--color-text-neutral-medium);
}
.field--name-field-project__client-link a {
margin-block: 0;
}
.node--type-project {
.field--name-field-content {
margin-bottom: var(--sp3);
......
recipes/drupal_cms_case_study/content/file/drupal-cms-logo.png

13.4 KiB

_meta:
version: '1.0'
entity_type: file
uuid: 93e3399d-a7f5-4593-813d-52e9ce0fda44
uuid: 47b880a9-c2a4-4ed6-844d-95c6d6677004
default_langcode: en
default:
uid:
......@@ -9,20 +9,19 @@ default:
target_id: 1
filename:
-
value: drupallogoblue.png
value: drupal-cms-logo.png
uri:
-
value: 'public://2024-08/drupallogoblue.png'
url: /sites/default/files/2024-08/drupallogoblue.png
value: 'public://2024-12/drupal-cms-logo.png'
filemime:
-
value: image/png
filesize:
-
value: 23629
value: 13677
status:
-
value: true
created:
-
value: 1736317431
value: 1733291105
recipes/drupal_cms_case_study/content/file/drupallogoblue.png

23.1 KiB

......@@ -13,7 +13,6 @@ default:
uri:
-
value: 'public://2024-12/Government-building-EU-flag-credit-pexels-gintare-kairaityte-11923111-17178100.jpg'
url: /sites/default/files/2024-12/Government-building-EU-flag-credit-pexels-gintare-kairaityte-11923111-17178100.jpg
filemime:
-
value: image/jpeg
......
_meta:
version: '1.0'
entity_type: media
uuid: 4a5da968-6ecc-4d9c-a521-1666b95b2078
uuid: 930856d3-0fff-455c-819d-2c74e01cff3d
bundle: image
default_langcode: en
depends:
93e3399d-a7f5-4593-813d-52e9ce0fda44: file
47b880a9-c2a4-4ed6-844d-95c6d6677004: file
default:
status:
-
......@@ -15,10 +15,10 @@ default:
target_id: 1
name:
-
value: drupallogoblue.png
value: drupal-cms-logo.png
created:
-
value: 1736317431
value: 1733291105
revision_translation_affected:
-
value: true
......@@ -29,8 +29,8 @@ default:
pathauto: 1
field_media_image:
-
entity: 93e3399d-a7f5-4593-813d-52e9ce0fda44
alt: 'The Drupal logo'
entity: 47b880a9-c2a4-4ed6-844d-95c6d6677004
alt: 'Drupal CMS logo'
title: ''
width: 1080
height: 1080
width: 823
height: 201
......@@ -5,7 +5,7 @@ _meta:
bundle: case_study
default_langcode: en
depends:
4a5da968-6ecc-4d9c-a521-1666b95b2078: media
930856d3-0fff-455c-819d-2c74e01cff3d: media
35a186fc-5bff-4357-9f4b-a9c6218866fc: media
d48adeba-e388-4e82-820b-98bbd2f35a46: taxonomy_term
default:
......@@ -40,7 +40,6 @@ default:
-
alias: /case-studies/transforming-government-digital-services-drupal
langcode: en
pathauto: 1
field_case_study__client_link:
-
uri: 'https://www.drupal.org/case-studies?sectors%5B%5D=24660'
......@@ -48,13 +47,13 @@ default:
options: { }
field_case_study__client_logo:
-
entity: 4a5da968-6ecc-4d9c-a521-1666b95b2078
entity: 930856d3-0fff-455c-819d-2c74e01cff3d
field_case_study__client_name:
-
value: 'Drupal CMS'
value: ''
field_content:
-
value: '<h3>Introduction</h3><p>A government agency faced the challenge of modernizing its outdated digital platform to meet the evolving needs of its citizens. With a diverse audience, stringent security requirements, and a mandate to deliver accessible and user-friendly services, the agency sought a robust and flexible content management system (CMS). After careful evaluation, Drupal was selected as the platform of choice for this transformation.</p><h3>The challenge</h3><p>The agency’s existing digital platform presented several obstacles:</p><ul><li><strong>Scalability:</strong> The need to support a growing user base with diverse requirements.</li><li><strong>Security:</strong> Ensuring compliance with government-level data protection and cybersecurity standards.</li><li><strong>Accessibility:</strong> Meeting WCAG standards to provide equitable access for all citizens.</li><li><strong>Integration:</strong> Seamlessly connecting with legacy systems and external services.</li><li><strong>Cost-effectiveness:</strong> Delivering a high-quality solution within a limited budget.</li></ul><h3>Why Drupal?</h3><p>Drupal’s powerful capabilities made it an ideal solution for the agency’s needs:</p><ul><li><strong>Open source advantage:</strong> Eliminating licensing fees allowed the agency to allocate resources to custom development and ongoing improvements.</li><li><strong>Security:</strong> With a dedicated security team and regular updates, Drupal provided the necessary safeguards for sensitive government data.</li><li><strong>Scalability and flexibility:</strong> Drupal’s modular architecture enabled the creation of a platform that could grow and adapt to future requirements.</li><li><strong>Multilingual capabilities:</strong> Built-in support for multiple languages ensured the agency could serve diverse populations effectively.</li><li><strong>Accessibility:</strong> Drupal’s adherence to WCAG standards guaranteed inclusive digital experiences for all users.</li></ul><h3>Implementation highlights</h3><ol><li><strong>Unified platform:</strong> The agency consolidated several outdated websites into a single Drupal-based platform. This streamlined maintenance processes and provided a consistent user experience.</li><li><strong>Custom workflows and permissions:</strong> Drupal’s customizable workflows allowed the agency to implement efficient editorial processes, ensuring content accuracy and regulatory compliance.</li><li><strong>Improved citizen engagement:</strong> The new platform featured tools such as service locators, feedback forms, and event calendars to enhance citizen interaction and satisfaction.</li><li><strong>Integration with third-party services:</strong> Drupal was integrated with existing legacy systems, analytics tools, and external services to enable smooth operations and data management.</li></ol><h3>Real-world benefits</h3><ol><li><strong>Enhanced user experience:</strong> The modernized platform delivered faster load times, intuitive navigation, and responsive design, improving citizen satisfaction.</li><li><strong>Cost savings:</strong> By leveraging Drupal’s open-source nature, the agency reduced licensing costs and avoided vendor lock-in.</li><li><strong>Operational efficiency:</strong> Centralized content management and streamlined workflows significantly improved internal operations and reduced administrative overhead.</li><li><strong>Future-proof technology:</strong> With regular updates and a thriving global community, Drupal ensured the platform remained adaptable to changing needs and technologies.</li></ol><h3>Conclusion</h3><p>The government agency successfully transformed its digital presence by adopting Drupal. The new platform not only met the agency’s immediate requirements but also positioned it for future growth and innovation. By choosing Drupal, the agency delivered citizen-centric services, streamlined its operations, and set a benchmark for modern government digital platforms.</p>'
value: '<h3>Introduction</h3><p>A government agency faced the challenge of modernizing its outdated digital platform to meet the evolving needs of its citizens. With a diverse audience, stringent security requirements, and a mandate to deliver accessible and user-friendly services, the agency sought a robust and flexible content management system (CMS).</p><blockquote><p>After careful evaluation, Drupal was selected as the platform of choice for this transformation.</p></blockquote><h3>The challenge</h3><p>The agency’s existing digital platform presented several obstacles:</p><ul><li><strong>Scalability:</strong> The need to support a growing user base with diverse requirements.</li><li><strong>Security:</strong> Ensuring compliance with government-level data protection and cybersecurity standards.</li><li><strong>Accessibility:</strong> Meeting WCAG standards to provide equitable access for all citizens.</li><li><strong>Integration:</strong> Seamlessly connecting with legacy systems and external services.</li><li><strong>Cost-effectiveness:</strong> Delivering a high-quality solution within a limited budget.</li></ul><h3>Why Drupal?</h3><p>Drupal’s powerful capabilities made it an ideal solution for the agency’s needs:</p><ul><li><strong>Open source advantage:</strong> Eliminating licensing fees allowed the agency to allocate resources to custom development and ongoing improvements.</li><li><strong>Security:</strong> With a dedicated security team and regular updates, Drupal provided the necessary safeguards for sensitive government data.</li><li><strong>Scalability and flexibility:</strong> Drupal’s modular architecture enabled the creation of a platform that could grow and adapt to future requirements.</li><li><strong>Multilingual capabilities:</strong> Built-in support for multiple languages ensured the agency could serve diverse populations effectively.</li><li><strong>Accessibility:</strong> Drupal’s adherence to WCAG standards guaranteed inclusive digital experiences for all users.</li></ul><h3>Implementation highlights</h3><ol><li><strong>Unified platform:</strong> The agency consolidated several outdated websites into a single Drupal-based platform. This streamlined maintenance processes and provided a consistent user experience.</li><li><strong>Custom workflows and permissions:</strong> Drupal’s customizable workflows allowed the agency to implement efficient editorial processes, ensuring content accuracy and regulatory compliance.</li><li><strong>Improved citizen engagement:</strong> The new platform featured tools such as service locators, feedback forms, and event calendars to enhance citizen interaction and satisfaction.</li><li><strong>Integration with third-party services:</strong> Drupal was integrated with existing legacy systems, analytics tools, and external services to enable smooth operations and data management.</li></ol><h3>Real-world benefits</h3><ol><li><strong>Enhanced user experience:</strong> The modernized platform delivered faster load times, intuitive navigation, and responsive design, improving citizen satisfaction.</li><li><strong>Cost savings:</strong> By leveraging Drupal’s open-source nature, the agency reduced licensing costs and avoided vendor lock-in.</li><li><strong>Operational efficiency:</strong> Centralized content management and streamlined workflows significantly improved internal operations and reduced administrative overhead.</li><li><strong>Future-proof technology:</strong> With regular updates and a thriving global community, Drupal ensured the platform remained adaptable to changing needs and technologies.</li></ol><h3>Conclusion</h3><p>The government agency successfully transformed its digital presence by adopting Drupal. The new platform not only met the agency’s immediate requirements but also positioned it for future growth and innovation. By choosing Drupal, the agency delivered citizen-centric services, streamlined its operations, and set a benchmark for modern government digital platforms.</p>'
format: content_format
field_description:
-
......
......@@ -51,10 +51,10 @@ default:
entity: 930856d3-0fff-455c-819d-2c74e01cff3d
field_project__client_name:
-
value: 'Drupal CMS'
value: ''
field_content:
-
value: "<h3>Overview</h3><p>A prominent sports association needed a comprehensive digital platform to enhance its engagement with members, fans, and stakeholders. Their existing system was outdated, lacked scalability, and failed to deliver a modern user experience. With a vision to create a dynamic, user-centric website that could handle complex content management needs, they chose Drupal as their platform of choice.</p><h3>Challenges</h3><p>The association faced several challenges with its previous platform, including:</p><ul><li>Limited scalability for handling high traffic during major events.</li><li>Inefficient content management, making it difficult for non-technical staff to update information.</li><li>Poor integration with third-party tools such as ticketing systems and live match feeds.</li><li>Lack of a responsive design, leading to suboptimal user experience on mobile devices.</li><li>Difficulty in personalizing content for diverse audiences, including players, fans, sponsors, and media.</li></ul><h3>Why Drupal?</h3><p>Drupal was selected as the platform for its unparalleled flexibility and scalability. The following features and benefits made it an ideal choice:</p><ul><li><strong>Customizable content management</strong>: Drupal’s robust content management capabilities allowed the creation of tailored workflows, empowering the team to manage content efficiently.</li><li><strong>Scalability and performance</strong>: The platform could handle traffic spikes during high-profile matches and campaigns, ensuring uninterrupted user experiences.</li><li><strong>Third-party integrations</strong>: Seamless integration with APIs for ticketing, live scores, and membership systems created a unified digital ecosystem.</li><li><strong>Responsive design</strong>: Out-of-the-box mobile optimization ensured a seamless experience across devices.</li><li><strong>Multilingual support</strong>: Catering to a global audience, Drupal's multilingual capabilities enabled the association to deliver content in multiple languages.</li></ul><h3>Implementation</h3><p>The project involved the development of a feature-rich website that addressed the unique needs of the association:</p><ol><li><strong>Content hub for fans and members</strong><br>A dynamic content hub was created to host articles, player profiles, match reports, and video highlights. Advanced tagging and filtering allowed users to find relevant content easily.</li><li><strong>Ticketing and membership integration</strong><br>The platform integrated with external ticketing and membership systems, streamlining the user journey from browsing events to purchasing tickets.</li><li><strong>Live event features</strong><br>Real-time updates, including live scores, match statistics, and commentary, were implemented to keep fans engaged during events.</li><li><strong>Sponsor and partner showcase</strong><br>Dedicated spaces were designed to highlight sponsors and partnerships, driving value for stakeholders while aligning with the brand identity.</li><li><strong>Personalization</strong><br>Personalized content delivery was achieved using user segmentation, ensuring relevant updates for players, fans, and other audience groups.</li><li><strong>Accessibility and compliance</strong><br>The site adhered to accessibility standards, ensuring inclusivity for all users, including those with disabilities.</li></ol><h3>Results</h3><p>The new Drupal-powered platform transformed the association’s digital presence, delivering measurable improvements:</p><ul><li><strong>Increased engagement</strong>: User interaction grew significantly due to the dynamic content and live event features.</li><li><strong>Streamlined operations</strong>: Non-technical staff could now easily manage content, saving time and reducing dependency on IT teams.</li><li><strong>Improved fan experience</strong>: Mobile-responsive design and real-time features enhanced the overall fan experience.</li><li><strong>Scalability</strong>: The website handled high traffic volumes during key events without any downtime.</li><li><strong>Enhanced stakeholder value</strong>: The platform successfully showcased sponsors and partners, improving brand visibility.</li></ul><h3>Conclusion</h3><p>This project demonstrated the power of Drupal in creating a robust and scalable digital solution tailored to the needs of sports organizations. With its flexibility, performance, and ability to integrate diverse functionalities, Drupal provided the association with a future-proof platform that continues to drive engagement and operational efficiency.</p>"
value: "<h3>Overview</h3><p>A prominent sports association needed a comprehensive digital platform to enhance its engagement with members, fans, and stakeholders. Their existing system was outdated, lacked scalability, and failed to deliver a modern user experience.</p><blockquote><p>With a vision to create a dynamic, user-centric website that could handle complex content management needs, they chose Drupal as their platform of choice.</p></blockquote><h3>Challenges</h3><p>The association faced several challenges with its previous platform, including:</p><ul><li>Limited scalability for handling high traffic during major events.</li><li>Inefficient content management, making it difficult for non-technical staff to update information.</li><li>Poor integration with third-party tools such as ticketing systems and live match feeds.</li><li>Lack of a responsive design, leading to suboptimal user experience on mobile devices.</li><li>Difficulty in personalizing content for diverse audiences, including players, fans, sponsors, and media.</li></ul><h3>Why Drupal?</h3><p>Drupal was selected as the platform for its unparalleled flexibility and scalability. The following features and benefits made it an ideal choice:</p><ul><li><strong>Customizable content management</strong>: Drupal’s robust content management capabilities allowed the creation of tailored workflows, empowering the team to manage content efficiently.</li><li><strong>Scalability and performance</strong>: The platform could handle traffic spikes during high-profile matches and campaigns, ensuring uninterrupted user experiences.</li><li><strong>Third-party integrations</strong>: Seamless integration with APIs for ticketing, live scores, and membership systems created a unified digital ecosystem.</li><li><strong>Responsive design</strong>: Out-of-the-box mobile optimization ensured a seamless experience across devices.</li><li><strong>Multilingual support</strong>: Catering to a global audience, Drupal's multilingual capabilities enabled the association to deliver content in multiple languages.</li></ul><h3>Implementation</h3><p>The project involved the development of a feature-rich website that addressed the unique needs of the association:</p><ol><li><strong>Content hub for fans and members</strong><br>A dynamic content hub was created to host articles, player profiles, match reports, and video highlights. Advanced tagging and filtering allowed users to find relevant content easily.</li><li><strong>Ticketing and membership integration</strong><br>The platform integrated with external ticketing and membership systems, streamlining the user journey from browsing events to purchasing tickets.</li><li><strong>Live event features</strong><br>Real-time updates, including live scores, match statistics, and commentary, were implemented to keep fans engaged during events.</li><li><strong>Sponsor and partner showcase</strong><br>Dedicated spaces were designed to highlight sponsors and partnerships, driving value for stakeholders while aligning with the brand identity.</li><li><strong>Personalization</strong><br>Personalized content delivery was achieved using user segmentation, ensuring relevant updates for players, fans, and other audience groups.</li><li><strong>Accessibility and compliance</strong><br>The site adhered to accessibility standards, ensuring inclusivity for all users, including those with disabilities.</li></ol><h3>Results</h3><p>The new Drupal-powered platform transformed the association’s digital presence, delivering measurable improvements:</p><ul><li><strong>Increased engagement</strong>: User interaction grew significantly due to the dynamic content and live event features.</li><li><strong>Streamlined operations</strong>: Non-technical staff could now easily manage content, saving time and reducing dependency on IT teams.</li><li><strong>Improved fan experience</strong>: Mobile-responsive design and real-time features enhanced the overall fan experience.</li><li><strong>Scalability</strong>: The website handled high traffic volumes during key events without any downtime.</li><li><strong>Enhanced stakeholder value</strong>: The platform successfully showcased sponsors and partners, improving brand visibility.</li></ul><h3>Conclusion</h3><p>This project demonstrated the power of Drupal in creating a robust and scalable digital solution tailored to the needs of sports organizations. With its flexibility, performance, and ability to integrate diverse functionalities, Drupal provided the association with a future-proof platform that continues to drive engagement and operational efficiency.</p>"
format: content_format
field_description:
-
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment