Skip to main content
Dossier Background
INDEX // BACK

ARCHIVE // DOSSIER // ALIGN-SA

Align SA

A polished public website for a South African PR and marketing consultancy, with clear routes into services, work, case studies, insights, consultations, and contact.

CLIENT CONTEXT

Brand, PR, and Marketing Operations Platform

STACK FOOTPRINT

6 core tools across delivery

EVIDENCE UPDATED

23 February 2026

Public storytelling and conversion flows in one platformPrivate founders workspace for newsletters, bookings, and insightsRoute-level SEO, accessibility defaults, and quality automationDeployment-ready foundation with operational continuity

ARCHITECTURAL SUMMARY

AlignSA was delivered as a full growth and operations platform: a public brand and conversion website, paired with a secure founders console for newsletters, bookings, and insights publishing.

EVIDENCE UPDATED // 23 FEBRUARY 2026

PROOF MARKERS

4 metrics and delivery signals

BEST NEXT STEP

Use a digital footprint assessment if your brief still needs shape.

BUILT WITH

ReactTypeScriptViteTailwind CSSPHPMySQL

30-SECOND CLARITY

Who, what, and what changed.

WHO

AlignSA founders and team, with Dev404 as end-to-end delivery partner.

WHAT

A multi-route marketing platform plus a private operational console under /founders.

WHAT CHANGED

The project moved from brochure-style presence to an integrated growth and execution system.

DELIVERY SCOPE

Platform layers delivered.

Public Platform

  • Story-led pages for capabilities, work, case studies, insights, and consultations
  • Route-level SEO metadata, structured data, sitemap, and prerender support
  • Conversion flows for contact, engagement requests, newsletter signups, and bookings

Founders Console

  • Protected /founders workspace with authentication and session handling
  • Newsletter compose, preview, segmentation, and send workflow
  • CMS-lite insights editor with publish, update, and delete operations
  • Booking log with status progression and operational filtering

Infrastructure and QA

  • PHP and MySQL API boundary for bookings, newsletters, and insights
  • cPanel-ready deployment automation and rewrite handling
  • Quality safeguards through linting, tests, and CI workflows

ARCHITECTURE

Structural decisions with operational intent.

CLIENT CONTEXT

Brand, PR, and Marketing Operations Platform

Frontend Architecture

React 18, TypeScript, and Vite were used to ship a token-driven interface with controlled motion and accessibility defaults.

  • Tailwind and component primitives with centralised design tokens
  • Lazy route loading and chunking strategy for better runtime stability
  • Structured navigation and consistent information architecture

API and Data Layer

A PHP and MySQL backend supports public conversion flows and private founder operations without external CMS dependency.

  • Public endpoints for contact, consultations, engagements, and newsletter lifecycle
  • Admin endpoints for login, bookings, insights, and newsletter sends
  • Cookie session auth and controlled upload handling for insights media

SEO and Reliability

Discoverability and quality were treated as product features from day one, not as post-launch patches.

  • On-page SEO hooks with canonical URL handling
  • JSON-LD for organisation, capabilities, people, and article structures
  • Playwright, accessibility scans, and CI checks across build pipelines

Fragmented Execution

Previously, systems were separate resulting in fragmented execution, disconnected data lines, and heavy manual involvement.

Static Marketing Hub
Spreadsheet Check-ins
Ad-Hoc Emails
Manual Reporting

METRICS RAIL

Measured outcomes and proof signals.

Generated Sitemap URLs

0

WHY THIS MATTERS // Search engines can reliably discover the full public footprint without manual indexing gaps.

Technical context: Automated route discovery with sitemap generation

AS OF // 23 FEBRUARY 2026

Lighthouse Performance Baseline

0

WHY THIS MATTERS // This baseline highlights where speed improvements can directly improve conversion and retention.

Technical context: Mobile baseline snapshot for optimisation planning

AS OF // 16 JANUARY 2026

Lighthouse Accessibility Baseline

0

WHY THIS MATTERS // A strong accessibility baseline protects usability across keyboard, assistive tech, and low-vision scenarios.

Technical context: Baseline aligned to WCAG-oriented quality target

AS OF // 16 JANUARY 2026

LCP Baseline

10.2s

WHY THIS MATTERS // This identifies image-heavy bottlenecks that can delay first meaningful impression for new visitors.

Technical context: Image-heavy route signal used for next optimisation cycle

AS OF // 16 JANUARY 2026

OPERATIONS AND GOVERNANCE

What stayed stable after launch.

Operational Outcome

  • Founders can publish insights and run newsletter operations in-platform
  • Booking and lead workflows no longer depend on fragmented manual tooling
  • Deployment and build processes are stable enough for iterative growth

DEEP DIVE

Evidence map and quality checks.

Routing and IA

Public route architecture and lazy-loading were structured for storytelling and conversion flow continuity.

EVIDENCE // dev404-alignsa-project-context.md

Founders Workspace

Operational console capabilities include newsletters, insights, and booking management.

EVIDENCE // dev404-alignsa-project-context.md

API Boundary

Public and admin endpoint separation supports safer long-term maintenance.

EVIDENCE // dev404-alignsa-project-context.md

NEXT-PHASE OPPORTUNITIES

What could happen next.

Expand the internal insights catalogue to strengthen ongoing authority signals.

Improve image-heavy route loading path to reduce LCP and sharpen perceived speed.

Add richer operational reporting for newsletter and funnel performance.

MEDIA SLOTS

Project visuals and evidence captures.

AlignSA homepage hero introducing the consultancy with its main message, navigation links, and consultation call to action.
The homepage sets the tone for AlignSA as a purpose-driven PR and marketing consultancy, then guides visitors into capabilities, work, case studies, insights, and direct consultation booking.
AlignSA founders console dashboard overview
Founders console snapshot: newsletters, bookings, and publishing operations in one workspace.
AlignSA insights editor and block publishing interface
CMS-lite insight workflow used to draft, publish, and maintain thought leadership content.
AlignSA booking pipeline management view
Operational booking pipeline with status progression and filtering for execution clarity.
Architectural structure used as a transition into the next project step.

Next Step

Use the right entry path for your own project.

If you still need fit, pricing, or scope clarity, start with the free digital footprint assessment. If the scope is already clear, use the project brief instead.