Project Title: Global Infrastructure Platform – AtkinsRéalis

Role: Frontend Engineer | Team: IDX (Investis Digital) Live Link: https://www.atkinsrealis.com/

🚀 Project Overview

Collaborated with the IDX engineering team to develop the frontend for the global digital rebrand of AtkinsRéalis. The project involved a massive site migration and consolidation, requiring a highly structured, scalable frontend architecture to support their global operations across multiple sectors.

🛠 Technical Stack & Tools

Systems Architecture: Storybook (Component Library Management)

Design-to-Code: Figma (High-fidelity wireframes to UI)

Frontend Core: HTML5, CSS3 (SCSS), Modern JavaScript (ES6+)

Frameworks: Bootstrap (Custom Enterprise Grid)

Compliance: WCAG 2.1 Level AA (Global Accessibility Standards)

🛠 My Key Contributions within the Team

Figma-to-Digital Transformation: Translated complex engineering-focused Figma designs into a clean, professional, and responsive UI that reflects the firm's global authority.

Scalable Component Development: Built modular UI components in Storybook, ensuring they were flexible enough to be reused across different regions and business sectors (Nuclear, Infrastructure, etc.).

Performance Optimization: Focused on optimizing heavy media assets and complex data tables to ensure fast load times for a global audience.

Accessibility (a11y): Implemented strict WCAG 2.1 AA standards, ensuring the site is fully accessible to investors, partners, and government stakeholders.

📈 Team Achievement

Successfully supported a major global rebranding effort, launching a unified digital presence that handles high traffic and complex information architecture.

Delivered a pixel-perfect UI that maintains brand integrity across all global sub-domains.