Case Study
AXION Corporate Portfolio V2
Product / Digital Communications Lead
A multilingual, brand-governed corporate portfolio re-architected as a zero-dependency static experience for reliable responsive delivery.
Context: Axion Holding Group
HTML5 · CSS3 · Vanilla JavaScript · Node.js 22+ · JSON · Vercel
Public implementation · axionholding.io
Overview
AXION's investor-facing corporate portfolio combines institutional storytelling with a responsive digital experience across dedicated English, Arabic, Spanish, and Chinese routes.
Context
The previous Java and Maven wrapper served static content while runtime translation rewrote the document after load. The V2 migration removed duplicated deployment resources and reduced language-driven layout risk.
System / Architecture
One structural HTML template and four JSON locale dictionaries are compiled by dependency-free Node.js scripts into pre-rendered static pages. A consolidated CSS system and a small vanilla JavaScript layer provide presentation, navigation, and theme behavior before Vercel publishes the generated dist directory.
Execution
The implementation generates dedicated /en/, /ar/, /es/, and /zh/ routes, preserves native Arabic right-to-left structure, and applies controlled responsive architecture across mobile, tablet, desktop, and ultrawide layouts.
Technology
The browser runtime uses standards-based HTML5, CSS3, and vanilla JavaScript. Node.js 22+ is used only for build and structural validation, with no npm runtime dependencies or production framework runtime.
Governance
Delivery used scoped branches and pull requests, while build-time guardrails verify locale routes, Arabic RTL, required assets, responsive layers, and the absence of legacy runtime translation and Three.js code.
Verified Outcomes
The verified build generated all four locale pages successfully, passed structural validation, and returned HTTP 200 in local smoke tests for English, Arabic, Spanish, and Chinese.