Solution Architect - Web

Solution Architect - Web

Role

Summary:

Leads the architecture of web-facing applications. Sets web front-end standards, drives scalability and performance, and owns the evolution of design systems. Needs broad architectural knowledge with deep web expertise.

• 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

• 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

• 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

• 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

• Domain‑driven design principles
• Enterprise integration patterns
• Data architecture fundamentals
• Security basics and secure‑by‑design thinking
• Dev Ops and platform engineering practices
• Defining and assessing non‑functional requirements
• Evaluating build vs buy and third‑party tech
• Balancing performance, cost, resilience, and maintainability

• 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

• The go‑to authority on web front‑end architecture
• Owns the overarching design system strategy
• Balances short‑term delivery needs against long‑term thinking

Core technologies: Svelte, HTML5, CSS3, JavaScript, Type Script.

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 Graph

QL where applicable.