Key Responsibilities

• Set the direction for web front-end architecture

  
  

• Design web architectures that scale and are easy to maintain

  
  

• Define coding standards, patterns, and best practice for web

  
  

• Lead technical design reviews for web UI and UX decisions

  
  

• Own the overarching design system strategy, including reusable component libraries

  
  

• Drive web application performance, accessibility, and rendering efficiency

  
  

• Make sure things work well across browsers and devices

  
  

• Lead accessibility adoption and adherence to WCAG

  
  

• Mentor engineers and help grow web capability

  
  

• Oversee code reviews and provide hands-on technical input

  
  

• Keep architectural documentation clear and up to date

  
  

• Champion responsive design approaches

  
  

• Explain architectural decisions clearly to senior stakeholders

  
  

Expected Outcomes

• Web architectures that scale and don't create maintenance headaches

  
  

• Measurable improvement in accessibility and Core Web Vitals

  
  

• Design system strategy adopted consistently across web and mobile

  
  

• Better code quality through shared standards and practice

  
  

Cross Functional Design Leadership

• Run workshops with product, design, and engineering to shape solutions

  
  

• Lead architectural trade-off discussions for web

  
  

• Step in during high-impact incidents or complex changes

  
  

• Help teams break down big technical and UX challenges into manageable pieces

  
  

Communication and Influence

• Use diagrams, models, and written artefacts to build shared understanding

  
  

• Influence product and engineering direction through sound reasoning

  
  

• Build strong working relationships across the organisation

  
  

Cross-Discipline Architectural Knowledge

• Domain-driven design principles

  
  

• Enterprise integration patterns

  
  

• Data architecture fundamentals

  
  

• Security basics and secure-by-design thinking

  
  

• DevOps and platform engineering practices

  
  

• Defining and assessing non-functional requirements

  
  

• Evaluating build vs buy and third-party tech

  
  

• Balancing performance, cost, resilience, and maintainability

  
  

Working with the Architecture Practice

• Contribute to shared standards, principles, and reusable patterns

  
  

• Take part in architecture forums, reviews, and governance

  
  

• Help shape architectural roadmaps and long-term plans

  
  

• Share what works so other teams can reuse it

  
  

• Stay aligned with the Senior Solution Architect - Mobile across front-end disciplines

  
  

Decision Making Authority

• The go-to authority on web front-end architecture

  
  

• Owns the overarching design system strategy

  
  

• Balances short-term delivery needs against long-term thinking

  
  

Technical Skills

Core technologies: Svelte, HTML5, CSS3, JavaScript, TypeScript

Architecture and design: Component-based architecture, state management (e.g. Svelte stores), progressive web applications, micro-frontend patterns

Performance and quality: Performance profiling and optimisation (Core Web Vitals, rendering), accessibility standards and testing, front-end testing frameworks, code quality practices

Integration: API consumption and integration patterns, REST and GraphQL where applicable.