Senior Front end Developer

Avatar Advisory; Johannesburg; On-site; ZAR 600,000 - 800,000; Full time

Job summary

Avatar Advisory in Johannesburg seeks a skilled Senior Front-End Developer. You will design and develop high-performance web applications, focusing on responsive and SEO-optimized interfaces. Collaborate closely with UX/UI designers and back-end developers while ensuring code quality and team efficiency. Candidates should have 5-8+ years experience, strong proficiency in HTML5, CSS3, and JavaScript, with knowledge of SEO practices and web performance optimization. This opportunity offers a dynamic working environment and a chance to innovate in front-end development.

Qualifications

• 5–8+ years of front-end development experience.
• Strong proficiency in HTML5, CSS3, and JavaScript (ES6+).
• Solid understanding of responsive and mobile-first design.
• Proven experience with SEO principles and web performance optimization.

Responsibilities

• Build and maintain scalable, high-quality web applications.
• Develop responsive, mobile-first interfaces using modern CSS frameworks.
• Write clean, efficient, and reusable code using JavaScript.
• Collaborate with designers to improve usability and accessibility.

Skills

HTML5

CSS3 (Flexbox, Grid, SASS/SCSS)

JavaScript (ES6+)

React

Vue

Angular

SEO principles

Responsive Design

Education

Bachelor’s degree in Computer Science, IT, or related field

Tools

Git

Google Search Console

Lighthouse

Job description

Role Purpose

The Senior Front-End Developer is responsible for designing and developing high-performance, user-centric web applications. This role focuses on creating responsive, accessible, and SEO-optimized interfaces using modern front-end technologies, while collaborating closely with UX/UI designers, backend developers, and digital marketing teams.

Key Responsibilities

1. Front-End Development
   • Build and maintain scalable, high-quality web applications
   • Develop responsive, mobile-first interfaces using modern CSS frameworks and methodologies
   • Write clean, efficient, and reusable code using JavaScript (ES6+)
   • Ensure cross-browser compatibility and consistent user experience
2. UI/UX Implementation
   • Translate UI/UX designs into functional, interactive interfaces
   • Collaborate with designers to improve usability and accessibility
   • Implement design systems and component libraries
3. SEO & Performance Optimization
   • Apply technical SEO best practices (semantic HTML, structured data, meta tags)
   • Optimize page speed, Core Web Vitals, and overall performance
   • Ensure proper indexing, crawlability, and accessibility standards
   • Work with marketing teams to align front-end delivery with SEO strategy
4. Code Quality & Best Practices
   • Enforce coding standards, version control, and documentation
   • Conduct code reviews and mentor junior developers
   • Implement testing strategies (unit, integration, UI testing)
   • Ensure security and data protection best practices
5. Collaboration & Agile Delivery
   • Work within Agile/Scrum teams to deliver features iteratively
   • Collaborate with backend developers to integrate APIs and services
   • Participate in sprint planning, stand-ups, and retrospectives
6. Continuous Improvement & Innovation
   • Stay updated with emerging front-end technologies and trends
   • Propose and implement improvements to architecture and performance
   • Drive adoption of modern frameworks and tooling

Key Performance Indicators (KPIs)

• Page load speed and Core Web Vitals performance
• SEO performance (organic traffic, rankings, crawlability)
• Code quality and defect rates
• Delivery timelines and sprint velocity
• User engagement metrics (bounce rate, session duration)
• Accessibility compliance (WCAG standards)

Minimum Requirements

• Bachelor’s degree in Computer Science, IT, or related field
• 5–8+ years of front-end development experience
• Strong proficiency in:
  • HTML5, CSS3 (Flexbox, Grid, preprocessors like SASS/SCSS)
  • JavaScript (ES6+) and modern frameworks (React, Vue, or Angular)
• Solid understanding of responsive and mobile-first design
• Proven experience with SEO principles and web performance optimization
• Experience with version control systems (Git)

Preferred Qualifications

• Experience with frameworks like Next.js, Nuxt.js, or similar SSR technologies
• Familiarity with technical SEO tools (e.g., Google Search Console, Lighthouse)
• Experience with headless CMS and API integrations
• Knowledge of web accessibility standards (WCAG)
• Exposure to CI/CD pipelines and DevOps practices

Key Competencies

• Strong problem-solving and analytical thinking
• Attention to detail and design sensitivity
• Effective communication and collaboration
• Mentorship and leadership skills
• Adaptability and continuous learning mindset

Nice-to-Have Skills

• TypeScript
• Web animations (GSAP, Framer Motion)
• Progressive Web Apps (PWA)
• Basic backend knowledge (Node.js, APIs)
• SEO Principles
• HTML, CSS
• Testing & Debugging