Mid-level Frontend Developer (AEM / CMS Experience) - 6 Months - Octopus by RTG

Robusta Technology Group (RTG) is a key driver of digital transformation by providing a holistic tech ecosystem. RTG works with its local and international partners to help build digital customer experiences, establish engineering hubs and build ventures across multiple industries and domains. In this pursuit, RTG serves as a catalyst for impact and growth through events, spaces and content focused on creating impact and growth across the different interactions.

Octopus is proud to be part of the Robusta Technology Group (RTG), a leading tech consultancy group. With a decade of experience and a successful track record of delivering over 300 projects across Europe, the Middle East, and North America, RTG has established itself as a preferred employer in the Egyptian market. Octopus and Robusta are building a bridge between Europe and Africa, creating tailored hub solutions to connect companies with top talent across the globe.

Job Overview

We are looking for a skilled Frontend Developer with 3–5 years of experience building modern, responsive, and accessible web applications. This role is frontend-focused, requiring strong expertise in HTML, CSS, JavaScript, and modern frontend frameworks, along with hands-on experience integrating frontend solutions within Adobe Experience Manager (AEM) or similar enterprise CMS platforms such as Sitecore, Contentful, Storyblok, or WordPress.

The ideal candidate should have experience developing reusable UI components, implementing responsive designs from Figma, and collaborating closely with backend developers, QA, designers, and content authors in Agile environments.

Role Responsibilities

UI Development

• Build responsive, accessible, and high-performance user interfaces using HTML5, CSS3, and modern JavaScript (ES6+).
• Develop clean, maintainable, and scalable frontend code following modern best practices.

Component-Based Development

• Create reusable UI components aligned with design systems and component-driven architecture principles.
• Ensure consistency across pages and applications through shared component libraries.

Frontend Framework Development

• Develop interactive web experiences using React (preferred), Next.js, or Vue.js.
• Implement component state management and frontend application logic effectively.

CMS Integration

• Integrate frontend components within Adobe Experience Manager (AEM) or other enterprise CMS platforms.
• Work with AEM concepts such as:
• HTL/Sightly
• Clientlibs
• Editable Templates
• Content Fragments
• Experience Fragments
• Component Dialogs
• Ensure frontend implementations support authoring workflows and configurable content structures.

Design Implementation

• Convert Figma or similar design files into pixel-perfect responsive interfaces.
• Maintain consistency with design tokens, typography, spacing, and branding guidelines.

Cross-Browser & Responsive Support

• Ensure compatibility across modern browsers, devices, and screen sizes.
• Support RTL layouts and multilingual websites where applicable.

Performance Optimization

• Apply frontend optimization techniques including:
• Lazy loading
• Image optimization
• Bundle optimization
• Core Web Vitals improvements

Accessibility

• Develop accessible interfaces compliant with WCAG 2.1 AA standards.
• Implement semantic HTML, keyboard navigation, ARIA attributes, and screen reader support.

API Integration

• Consume RESTful and GraphQL APIs from frontend applications.
• Handle data mapping, loading states, and error handling efficiently.

Code Quality & Testing

• Write clean, modular, and testable code.
• Participate in peer code reviews and follow coding standards and linting rules.
• Debug and resolve frontend defects and integration issues efficiently.

Collaboration

• Collaborate with designers, backend developers, AEM developers, QA engineers, and product owners in Agile/Scrum teams.
• Support content authors and ensure CMS-rendered pages function correctly.

Requirements

• 3–5 years of hands-on frontend development experience.

• Strong experience building production-grade websites or enterprise web applications.
• Hands-on experience working within at least one enterprise CMS platform:
• Adobe Experience Manager (preferred)
• Sitecore
• Contentful
• Storyblok
• WordPress
• Experience working in Agile/Scrum environments.

Core Technical Requirements

Frontend Fundamentals

• Strong proficiency in:
• HTML5
• CSS3
• JavaScript (ES6+)
• Experience with SCSS/SASS or similar CSS preprocessors.
• Strong understanding of responsive and mobile-first development.
• Cross-browser compatibility and progressive enhancement techniques.
• Basic internationalization and RTL support experience.

Modern Frontend Frameworks

• Hands-on experience with:
• React.js (preferred)
• Next.js
• Vue.js
• Understanding of:
• Component-based architecture
• Hooks and state management
• TypeScript basics
• Familiarity with state management libraries such as Redux, Context API, or Zustand.

CMS Experience

• Experience integrating frontend applications into enterprise CMS platforms.
• Understanding CMS authoring constraints and editable component structures.
• Ability to collaborate effectively with backend/AEM developers on component contracts and data structures.

UI & Design Systems

• Ability to accurately translate Figma designs into maintainable frontend code.
• Experience working with:
• Design systems
• Design tokens
• Shared component libraries
• Familiarity with Tailwind CSS is a plus.
• Understanding of animations and UI interactions using CSS and JavaScript.

Tooling & Development Workflow

• Proficiency with:
• Git
• npm/Yarn
• Webpack or Vite
• Experience using browser developer tools for debugging and performance analysis.
• Familiarity with JIRA or similar project management tools.

Performance, Accessibility & SEO

• Strong understanding of:
• Core Web Vitals
• Frontend optimization techniques
• WCAG 2.1 AA accessibility standards
• SEO best practices for semantic markup and metadata

Nice to Have

• Experience with AEM as a Cloud Service.
• Experience with AEM SPA Editor using React.
• Headless CMS and GraphQL experience.
• Exposure to:
• Adobe Target
• Adobe Analytics
• Tealium
• Unit testing using Jest or React Testing Library.
• E2E testing with Cypress or Playwright.
• Exposure to CI/CD pipelines such as:
• Adobe Cloud Manager
• GitHub Actions
• Jenkins
• Experience working on Arabic or RTL websites.

Soft Skills

• Strong problem-solving and debugging skills.
• Excellent communication and collaboration abilities.
• Ability to work independently with minimal supervision.
• High attention to detail and focus on UI quality.
• Strong time management and task prioritization skills.

Education

Bachelor’s degree in Computer Science, Software Engineering, Information Technology, or a related field — or equivalent practical experience.