Safetyworx365 is a provider of occupational safety multilingual instruction courses sold on a B2B basis in Germany. Prior to this project, Safetyworx365 operated a self-built website using a rudimentary drag-and-drop page builder. That system was both costly (approximately €800 per year) and severely limited in capability, offering no meaningful extensibility and no path to e-commerce integration.

The project objective was to rebuild Safetyworx365 website entirely on Statamic CMS and integrate it with the client's existing Learning Management System (LMS), a platform developed separately by Laramate GmbH. The rebuilt website serves a dual purpose:

• Professional presentational site for the business,

• Functioning online shop through which B2B clients, independent teams or individual employees can independently discover, evaluate, and purchase safety instruction courses in up to 10 languages.

The commercial rationale was automation. Prior to the new platform, every booking required direct involvement from our client. The website, once rebuilt, and integrated with the LMS, enabled clients to self-register, book courses, pay online, invite their employees, and receive auto generated PDF certifications without any manual intervention from Safetyworx365.

The website currently acts as a public-facing storefront; the LMS handles the full downstream workflow: checkout, payment processing, participant management, course delivery, and certificate issuance.

The project scope therefore encompassed:

• Website architecture and build on Statamic;

• Deep technical integration between Statamic and the LMS database;

• E-commerce product listing and detail page design;

• Custom SEO integrations including dynamic XML sitemap generation;

• Live-preview capability for editors managing content that originates outside Statamic's own content model.

Statamic is a PHP-based content management system that stores editorial content as a flat-file system rather than in a relational database. It provides a control panel for editors, a flexible page builder with configurable content blocks and a live-preview interface.

Statamic was selected for this project for one principal reason: its architecture supports deep, bespoke integration with external systems. Unlike conventional CMS platforms that are largely self-contained, Statamic's codebase can be extended to read directly from external databases, to generate content-aware sitemaps from data sources it does not natively manage, and to render live previews of content that exists entirely outside its own content model.

In this project, those capabilities were decisive.

The LMS already held all course data - descriptions, pricing, language availability, certifications - in its own database. Rather than duplicating that data within Statamic or building a dedicated API layer to bridge the two systems, the Statamic application was configured to read directly from the LMS database. This is a materially more efficient integration approach which eliminates service layer, reduces engineering overhead, and ensures that course data on the website is always current without any synchronisation mechanism.

Statamic's extensibility also enabled custom sitemap generation and a custom live-preview integration, both of which are covered in detail under the SEO and Technical Implementation sections below.

As mentioned earlier, the previous solution was a third-party drag-and-drop page builder at approximately €800 per year. Its limitations were significant and directly impeded the client's commercial objectives:

Statamic, by contrast, provided:

CONCEPT DEVELOPMENT

The conceptual architecture of the project is built on a principle of reuse: rather than rebuilding capabilities that already existed in the LMS - checkout, enrolment, participant management, certificate issuance - the website was designed to leverage them. Statamic serves as the public interface and storefront; the LMS remains the operational engine.

This separation of concerns is both technically sound and commercially efficient. It avoids duplication of business logic, reduces the surface area for maintenance, and produces a system where each component does precisely what it is designed to do. The website surfaces data; the LMS processes transactions. The concept transforms an existing operational platform into a commercially accessible product by adding a public-facing layer without altering the platform itself.

The e-commerce model follows established conventions: category browsing, product listing, product detail, checkout. This familiarity reduces friction for B2B buyers and requires no user education.

SEO

Search Engine Optimisation (SEO) was an explicit project requirement and a non-trivial technical challenge. Because course content lives in the LMS database, outside Statamic's content model. Statamic has no native awareness of it. Without intervention, Google would receive no sitemap entries for product pages, which would effectively render the online shop invisible to organic search. For a business acquiring customers through search, this would be a material commercial liability.

Here, 2 custom integrations were developed to address this:

1. Extended XML Sitemap Generation: Statamic's sitemap functionality was extended to include all instruction content sourced from the LMS database. When a new course is created in the LMS, it is automatically added to the Statamic sitemap without manual intervention. This ensures that Google is continuously informed of the full product catalogue.

2. Live Preview for External Content: A custom live-preview integration was built so that editors can preview instruction content within the Statamic control panel even though that content is not stored in or managed by Statamic. This enables editorial quality control over pages that combine Statamic-managed content with LMS-sourced data before they are published.

Both integrations illustrate Statamic's capacity to extend beyond its default functionality to serve complex, real-world SEO requirements.

DESIGN & UX/UI

The product detail page was designed to meet standard e-commerce conventions, presenting:

• Course imagery / videos,

• Title,

• Reviews,

• Specifications,

• Languages and,

• Price per course material.

This data is pulled dynamically from the LMS database via a custom content block.

The page builder architecture allows editors to surround this dynamic data block with manually authored editorial sections covering auxiliary information:

• How to place an order,

• How to invite employees,

• How to obtain a certificate and,

• Payment options.

The result is a product page that is simultaneously data-driven and editorially flexible. The dynamic content is always current, while the supporting editorial copy can be managed independently through the CMS.

The purchase flow follows a standard e-commerce pattern: product discovery via category listing, product evaluation via detail page, and conversion via a redirect to the LMS checkout. The checkout itself handles self-registration, billing detail entry, employee nomination, and payment. The overall UX mirrors the conventions of a well-established B2B online shop, which reduces on-boarding friction for buyers.

TECHNICAL IMPLEMENTATION

The technical architecture consists of 2 separate repositories:

1. Statamic CMS application

2. Safetyworx365 LMS

The key technical decisions are as follows:

ONLINE-SHOP CONNECTIVITY

The online shop is the central commercial function of the rebuilt website. Its implementation spans both Statamic and the LMS:

From struggling with a self-built website with constant strain to onboard both employers and employees,  the result is a fully automated end-to-end transaction. From product discovery on the website to certified course completion, no manual involvement from Safetyworx365 is required at any stage.