Executive Summary
The Content Management module decouples content from code. Built on a headless CMS architecture, it empowers business and marketing teams to create, preview, and publish pages using a library of reusable templates — hero banners, policy documents, staff contact tables, news articles, and tabbed content — delivered to the Customer Portal through a secure integration layer with CDN-backed media delivery.
Business value delivered: Marketing autonomy, faster time-to-publish, consistent brand presentation, and SEO-optimised content without engineering dependency.
The Customer Problem
Content bottlenecks in carrier digital platforms create measurable business drag:
| Challenge | Consequence |
|---|---|
| Developer-dependent publishing | Marketing waits days or weeks for simple page updates |
| Inconsistent page formats | Ad-hoc HTML pages lack brand consistency and responsive design |
| No preview capability | Content published blind — errors discovered by customers |
| Static promotional content | Homepage banners and campaigns require code changes to update |
| Broken links on reorganisation | URL changes without redirect management damage SEO and user experience |
| Disconnected SEO management | Meta tags and social sharing images managed separately from content |
| No audit trail | Editorial changes untracked — governance gaps in regulated communications |
For Container Shipping, content agility directly affects market responsiveness — the ability to communicate service changes, regional updates, and promotional offers at the speed of the business.
The Solution
Content Management operates as a headless CMS integrated with the Customer Portal through a backend proxy layer:
Design principles:
- Template-driven — pages assembled from reusable components, not free-form HTML
- Draft-and-publish — content reviewed and previewed before going live
- Category-aware routing — news, resources, policies, and general pages routed to appropriate URL structures
- SEO-native — meta titles, descriptions, keywords, and social sharing tags managed alongside content
- Media via CDN — images, PDFs, and videos served through cloud CDN for global performance
- Redirect management — URL changes handled through CMS-managed redirect rules
User Journey
Content Editor Workflow
| Stage | Editor Action | Platform Response |
|---|---|---|
| 1 | Create new page; select category (news, resources, policy, general) | Initialise page with category-specific URL structure |
| 2 | Add hero banner, dynamic zone content blocks, SEO metadata | Compose page from template library |
| 3 | Upload media (images, PDFs, videos) | Store on CDN; return optimised URLs |
| 4 | Preview draft page on Customer Portal | Render unpublished content via preview route |
| 5 | Publish page | Make content live; update sitemap; clear cache |
| 6 | (Optional) Schedule banner date range | Hero banners appear/disappear on defined dates |
Customer Experience
| Stage | Customer Action | Platform Response |
|---|---|---|
| 1 | Navigate to information page or click navigation link | Fetch published content via proxy layer |
| 2 | View rendered page with hero banner, content blocks, navigation | Map template components to visual layout |
| 3 | Follow internal links or redirected URLs | Apply redirect rules; maintain SEO-friendly URLs |
Key Capabilities
Dynamic Zone Template Library
Over twenty reusable content templates: hero banners, accordion sections, staff contact tables, policy documents, image galleries, tabbed content, card layouts, video embeds, PDF viewers, map and address blocks, and more.
Category-Based Content Organisation
Pages organised by category — about us, resources, latest news, general — with category-aware URL routing on the Customer Portal.
Draft, Preview, and Publish Workflow
Content editors work in draft state, preview on the live portal via dedicated preview routes, and publish when approved. Audit logging tracks all create, update, and delete actions.
Hero Banner Scheduling
Promotional banners support publish-from and publish-to date ranges — enabling time-bound campaigns without manual intervention.
SEO and Social Metadata Management
Meta titles, descriptions, keywords, and Open Graph social sharing tags managed per page alongside content — ensuring discoverability and consistent social presentation.
URL Slug Management
Automatic slug generation from page names with uniqueness enforcement — clean, readable URLs for all published content.
Redirect Management
URL redirect rules managed through CMS plugin — maintaining link integrity when pages are reorganised or renamed.
Navigation Menu Management
Hamburger menu and navigation structures managed through CMS — controlling site information architecture without code changes.
CDN-Backed Media Delivery
Images, PDFs, and videos uploaded through CMS admin stored on cloud CDN with responsive image breakpoints for optimal loading across devices.
Global Search Configuration
CMS-managed configuration for pages included in site-wide search indexing.
Sitemap Generation
Published pages automatically included in XML sitemap generated by the Customer Portal SSR server — supporting search engine indexing.
Content Template Examples
| Template | Use Case |
|---|---|
| Hero banner with CTA buttons | Homepage promotions, service landing pages |
| Accordion with image | FAQ sections, detailed service descriptions |
| Staff contact table | Regional office contacts, team directories |
| Policy template | Terms and conditions, booking policies |
| Latest news section | Homepage news feed with auto-populated articles |
| Quick access cards | Homepage shortcut links to key services |
| PDF viewer | Schedules, tariffs, regulatory documents |
| Map and address | Office locations with embedded maps |
| Card with text and icon | Service feature highlights |
| Tabbed content | Multi-section pages with organised navigation |
Functional Workflow
System Interactions
| Layer | Role |
|---|---|
| Headless CMS | Content authoring, template library, media upload, draft/publish, redirects, menus, audit logging |
| Secure Proxy Layer | Authenticated fetch from CMS; query parameter forwarding; cache management |
| Customer Portal | Page rendering via template component mapping; preview routes; sitemap generation; redirect application |
| CDN | Global media delivery with responsive image formats |
Business Outcomes
| Outcome | Impact |
|---|---|
| Faster processing | Content published in minutes, not days — no developer ticket required |
| Reduced manual effort | Marketing teams self-serve page creation, updates, and campaign banners |
| Better customer experience | Consistent, responsive, professionally designed pages across all content |
| Improved visibility | SEO metadata and sitemap integration improve search engine discoverability |
| Market agility | Promotional banners, news, and policy updates deployed at business speed |
| Governance | Audit trail and draft-preview-publish workflow support regulated communications |
Technical Highlights
- Headless architecture decoupling content from presentation
- Deep content population fetching nested component relationships in single request
- REST API caching on frequently accessed content types
- Custom preview URL generation with category-aware routing
- Responsive image plugin generating multiple breakpoints for optimal loading
- Lifecycle hooks writing audit records on all content mutations
- SSR-integrated sitemap generation from published page inventory
Conclusion
Content Management transforms the Customer Portal from a static application into a living digital presence that marketing teams control directly. For Container Shipping, this means the ability to communicate service changes, regional news, and promotional campaigns at the speed of the market — without engineering bottlenecks or brand inconsistency.