# Lead Engineer - Front End Platform
**Company:** [Xero](https://scaleengineer.com/companies/xero)
Lead a technical platform that powers front-end development across Xero's engineering organization. This role combines hands-on expertise with strategic influence, requiring you to guide modern front-end architecture (React, TypeScript), champion best practices, mentor senior engineers, and shape multi-year technical roadmaps. Ideal for an engineer who thrives balancing platform engineering with cross-team leadership and can drive adoption of CI/CD improvements, design systems, and developer experience initiatives.
**Role:** Lead Engineer - Frontend Platform
**Seniority:** Lead
**Locations:** AU: Melbourne: (260 Burwood Rd)
**Salary:** 155000–210000 AUD
[Apply](https://jobs.ashbyhq.com/xero/e2fa65b0-a7e2-4d97-9d26-d50b70a3ee3e)
Canonical: https://scaleengineer.com/jobs/xero/lead-engineer-front-end-platform
---
## Responsibilities

- Technical Direction & Architecture Leadership: Shape and guide the technical direction of Xero's front-end platform, establishing architectural standards and modern practices that multiple product teams adopt and rely upon daily
- Platform & Developer Experience Strategy: Own the vision and roadmap for front-end platform services including component libraries, design systems, developer tooling, and CI/CD improvements that enhance developer productivity and code quality
- Cross-Team Technical Guidance: Provide technical leadership and mentorship to engineers across product teams, establishing best practices in React, TypeScript, testing, CI/CD, and accessibility; identify technical gaps holding teams back and develop solutions
- Modern Stack Implementation: Lead adoption and evolution of Xero's modern front-end stack (React, TypeScript, associated tooling), ensuring consistency across teams while adapting to new tools and patterns as the ecosystem evolves
- Performance & Accessibility Initiatives: Champion multi-year initiatives to improve front-end performance metrics (Core Web Vitals, bundle optimization), accessibility standards (WCAG compliance), and overall code quality across the platform
- Legacy Modernization Leadership: Leverage engineering practices and tools to plan and execute gradual modernization of legacy front-end components and pages, managing technical debt while keeping teams productive
- Mentorship & Talent Development: Invest in coaching and mentoring senior and staff-level engineers, identifying high-potential talent, creating growth opportunities, and establishing clear paths for advancement within the platform and product teams
- Hands-On Technical Contribution: Balance strategic responsibilities with hands-on work on platform infrastructure, code review, architecture decisions, and critical technical problems; model best practices through personal technical work
- Cross-Functional Collaboration: Build deep relationships with design, product, and infrastructure teams; break down organizational silos by collaborating on shared tools, standards, and outcomes that serve the entire engineering organization
- AI-Driven Development Excellence: Establish and champion AI-assisted development practices within the platform team and across product teams, leveraging AI tools to improve efficiency, solve complex problems, and accelerate delivery

## Requirements

### education

- {"name":"Computer Science or Related Field","description":"Bachelor's degree in Computer Science, Software Engineering, or equivalent practical experience demonstrating mastery of computer science fundamentals"}

### technical

- {"name":"React Proficiency","description":"Advanced proficiency building production React applications with deep understanding of hooks, state management, performance optimization, and modern patterns"}
- {"name":"TypeScript Mastery","description":"Strong expertise in TypeScript for building type-safe, maintainable systems; ability to design effective type hierarchies and leverage advanced type features"}
- {"name":"CI/CD Pipeline Architecture","description":"Understanding of continuous integration, deployment automation, testing pipelines, and ability to identify improvements in delivery infrastructure"}
- {"name":"Distributed Systems Knowledge","description":"Foundational understanding of distributed architecture patterns, scalability considerations, and system design principles applicable to large-scale applications"}
- {"name":"Testing & Quality Assurance","description":"Expertise in establishing testing strategies including unit testing, integration testing, end-to-end testing, and test-driven development methodologies"}
- {"name":"Design Systems & Component Architecture","description":"Ability to design, build, and maintain scalable component libraries and design systems that multiple teams depend on"}
- {"name":"Performance Optimization","description":"Capability to identify performance bottlenecks, optimize bundle sizes, improve Core Web Vitals, and implement rendering strategies for large applications"}
- {"name":"Frontend Tooling Ecosystem","description":"Strong knowledge of modern build tools, bundlers, linters, and development utilities; ability to evaluate and improve developer tooling"}

### experience

- {"name":"Senior Front-End Development","description":"Minimum 8+ years of professional front-end development experience, with at least 3-4 years in senior or lead engineering roles working on large-scale systems"}
- {"name":"Platform or Infrastructure Leadership","description":"3+ years of experience leading, architecting, or significantly contributing to platform teams, shared infrastructure, or developer experience initiatives"}
- {"name":"Multi-Team Technical Influence","description":"Demonstrated ability to influence technical direction and roadmaps across 3+ product engineering teams without direct managerial authority"}
- {"name":"Mentorship & Team Development","description":"Track record of mentoring junior and mid-level engineers into senior roles, with investment in their technical and leadership growth"}
- {"name":"Agile & Cross-Functional Collaboration","description":"Experience working effectively across engineering, product, design, and infrastructure teams in fast-paced, collaborative environments"}

## Skills

### required

- {"name":"Front-End Engineering Expertise","description":"Deep, demonstrated proficiency in modern front-end development with a track record of architecting scalable web applications and component systems at enterprise scale"}
- {"name":"React & TypeScript","description":"Advanced experience building production systems with React and TypeScript, including performance optimization, state management patterns, and type-safe architecture"}
- {"name":"Platform Engineering & Developer Experience","description":"Proven experience designing, building, or leading shared platform infrastructure, design systems, component libraries, and developer tooling that multiple teams depend on"}
- {"name":"CI/CD & Testing Architecture","description":"Strong foundational knowledge of continuous integration and deployment pipelines, automated testing strategies (unit, integration, E2E), test-driven development practices, and pipeline optimization"}
- {"name":"Technical Leadership & Cross-Functional Influence","description":"Demonstrated ability to shape technical direction across multiple teams, influence roadmaps, drive architectural decisions without direct authority, and build consensus among engineers at varying seniority levels"}
- {"name":"Systems Design & Scalability","description":"Capability to design secure, maintainable, and scalable systems including understanding of distributed architecture principles, performance considerations, and system reliability patterns"}
- {"name":"Mentorship & Coaching","description":"Genuine track record of coaching and developing engineers into senior roles, with ability to provide constructive feedback, identify growth areas, and invest in long-term team development"}
- {"name":"Collaborative Problem Solving","description":"Approach technical disagreements constructively, navigate different viewpoints across product, design, and engineering perspectives to reach optimal outcomes for the broader organization"}
- {"name":"AI-Assisted Development","description":"Experience using AI tools and establishing AI-driven development practices within engineering teams to improve efficiency and solve technical problems"}

### preferred

- {"name":"Cloud-Based SaaS Architecture","description":"Experience building or maintaining systems on cloud platforms with understanding of scalability challenges in multi-tenant SaaS environments"}
- {"name":"Design System Governance","description":"Familiarity with building and scaling design systems, maintaining component consistency across large codebases, and measuring design system adoption metrics"}
- {"name":"Accessibility Standards","description":"Knowledge of WCAG standards, accessible component design, and experience implementing accessibility-first approaches in large platform systems"}
- {"name":"Performance Optimization at Scale","description":"Experience identifying and implementing front-end performance improvements (Core Web Vitals, bundle optimization, rendering strategies) across large applications"}
- {"name":"Legacy Modernization","description":"Track record of successfully planning and executing gradual modernization of legacy codebases, managing technical debt, and coordinating migration efforts across teams"}
- {"name":"Monorepo Management","description":"Experience managing monorepo architectures, shared tooling, and coordinating multiple teams working in unified code repositories"}

## Tech stack

### tools

- {"name":"Component Libraries & Design Systems","description":"Tools and practices for building and maintaining shared component libraries that multiple teams depend on; knowledge of design system governance"}
- {"name":"CI/CD Platforms","description":"Experience with continuous integration and deployment tools such as GitHub Actions, GitLab CI, Jenkins, or similar platforms for automating testing and delivery"}
- {"name":"Testing Frameworks","description":"Jest, Testing Library, Cypress, Playwright, or similar frameworks for unit, integration, and end-to-end testing"}
- {"name":"Build Tools & Bundlers","description":"Webpack, Vite, esbuild, Turbopack, or similar modern build tools for optimizing front-end delivery and developer experience"}
- {"name":"Version Control & Monorepo Tools","description":"Git, GitHub, GitLab, Nx, Turborepo, or similar tools for managing code repositories and coordinating multiple teams"}
- {"name":"AI Development Tools","description":"Familiarity with AI-assisted coding tools such as GitHub Copilot, Cursor, or similar platforms for improving developer efficiency"}

### others

- {"name":"Web Performance Optimization","description":"Understanding Core Web Vitals, bundle analysis, lazy loading, code splitting, and other performance optimization techniques for large-scale applications"}
- {"name":"Accessibility Standards (WCAG)","description":"Knowledge of web accessibility standards and best practices for building inclusive, compliant applications"}
- {"name":"Distributed Architecture & Scalability Patterns","description":"Foundational knowledge of system design principles, scalability patterns, and architectural decisions for large, multi-team platforms"}

### databases

### languages

- {"name":"TypeScript","description":"Primary language for type-safe front-end development; essential for establishing scalable architecture and developer experience standards across teams"}
- {"name":"JavaScript (ES6+)","description":"Modern JavaScript fundamentals required for building robust front-end systems and understanding ecosystem tooling and patterns"}

### frameworks

- {"name":"React","description":"Primary UI framework for Xero's front-end platform; expertise in hooks, state management, performance optimization, and modern patterns is essential"}

## Benefits

### benefits

- {"name":"Flexible Work Arrangements","description":"Work hybrid or fully remote across the East Coast of Australia; leverage beautiful offices in Melbourne, Sydney, and Brisbane for collaboration while maintaining flexibility to work from home"}
- {"name":"Professional Development & Learning","description":"Access to continuous learning opportunities, conference attendance budgets, technical certifications, and investment in professional growth at a leading global SaaS platform"}
- {"name":"Mentorship & Leadership Growth","description":"Work with experienced engineering leaders and access coaching resources to develop leadership and mentoring capabilities"}
- {"name":"Impact & Influence","description":"Shape technical direction across Xero's engineering organization; your decisions and guidance directly affect thousands of engineers and the platform's technical future"}
- {"name":"Collaborative Engineering Culture","description":"Join a culture that values collaboration across teams, respectful disagreement, and working toward optimal outcomes for the broader organization rather than individual silos"}
- {"name":"Competitive Compensation Package","description":"Competitive salary, equity participation, and comprehensive benefits reflecting the strategic importance of this leadership role"}

## Compensation

- **max:** 210000
- **min:** 155000
- **currency:** AUD
- **stockOptions:** true

## Interview process

### steps

- {"name":"Initial Screening & Technical Conversation","description":"Phone or video call with a technical recruiter and potentially a senior engineer to understand your background, interest in the role, and core technical competencies in front-end engineering and platform thinking"}
- {"name":"Technical Deep Dive Interview","description":"Detailed conversation with a platform or principal engineer on the team to assess your technical depth in React, TypeScript, system design, and your approach to solving platform-scale problems and cross-team technical leadership"}
- {"name":"Platform & Architecture Discussion","description":"Discussion with the Front End Platform team lead or tech lead focused on understanding your experience building or leading shared platforms, design systems, or developer experience initiatives; your philosophy on technical decision-making and roadmap prioritization"}
- {"name":"Leadership & Mentorship Conversation","description":"Interview with senior leadership or another principal engineer exploring your mentorship philosophy, track record developing others into senior roles, experience influencing technical direction across multiple teams, and collaborative problem-solving approach"}
- {"name":"Cross-Functional Collaboration Discussion","description":"Conversation with product or design leadership to assess your ability to work effectively across disciplines, break down silos, and build relationships that drive better outcomes for the broader organization"}
- {"name":"Leadership & Culture Fit Interview","description":"Final interview with senior engineering leadership or a director-level stakeholder to evaluate alignment on technical vision, leadership values, collaborative approach to disagreement, and fit within Xero's engineering culture"}

## Full description
**The role and it’s impact**

You'll help shape the technical direction of our Front End Platform, working across multiple teams to deliver the shared tools, systems and standards that make front end development at Xero faster, safer and more consistent. This is a role for someone who enjoys tackling open-ended, multi-team problems, and who can move comfortably between hands-on technical work and broader strategic influence.

You'll build deep relationships across engineering, product and design, breaking down silos and helping teams reach the best outcome regardless of level or title. You'll guide technical design, identify the technical gaps holding teams back, and champion modern front end practices, all while coaching engineers toward their next level.

**The team and how how they connect**

The Front End Platform team builds and maintains the shared foundations, from component libraries and design systems to developer tooling, that product engineering teams across Xero rely on daily.

We work in close partnership with design, product engineering and infrastructure teams to keep what we build genuinely useful and well adopted. It's a team that thinks in multi-year horizons while staying grounded in the everyday realities of the teams we support.

**Initially, you will focus on**

* Leading the technical direction of Xero’s front end
* Guiding a modern front end stack (React, TypeScript, and associated tooling) across multiple teams
* Influencing CI/CD and delivery pipeline improvements at a platform level
* Shaping the longer term roadmap for front end performance, accessibility and developer experience
* Leveraging Harness Engineering to moderise legacy front end pages and components

**Where and how you can work**

This role can be either hybrid or fully remote anywhere across the East Coast of Australia. 

For those that are looking for a hybrid role, we have beautiful offices in Melbourne, Sydney and Brisbane. We come together in the office for connection, collaboration and our regular boost days, with flexibility to work from home the rest of the time.  
  
**Here are some of the things we're looking for, for this role**

* Deep expertise in front end engineering, with the ability to pick up new languages and tools as needed
* Proven experience and genuine interest in large scale shared platforms and developer experience
* Solid grounding in CI/CD concepts, automated testing and TDD, and enjoy helping others build good habits around them
* Skilled at designing secure, scalable and maintainable systems, including distributed architectures
* You'll bring a track record of influencing roadmaps and technical direction across multiple teams, not just your own
* Comfortable balancing strategic thinking with hands-on problem solving when a team needs it
* Experience coaching and mentoring engineers, with a genuine interest in helping others grow toward senior roles
* A collaborative approach to disagreement, able to work through different viewpoints to reach the best outcome for the wider team
* A track record of using AI tools and principles to work more efficiently and solve problems within a development team

Apply even if your experience isn't a perfect match! At Xero, we hire based on your skills, passion, and the unique perspective you can bring to enhance our culture and team.