### About the role...We’re seeking a **UI Software Architect** to lead our **React/TypeScript** architecture and design system across multiple products. You’ll define standards, build shared frameworks, and partner with Product & Design to deliver accessible, high‑performance web experiences at scale. If you’ve shipped complex front‑end platforms used by many teams and love balancing craft with impact, we’d love to talk.The UI Software Architect defines and evolves the **web UI architecture** for our customer‑facing and internal applications. This role sets the standards for **React‑based front‑end frameworks**, design systems, performance and accessibility, and leads cross‑functional teams to deliver scalable, maintainable, and elegant user interfaces aligned with product strategy and business goals. 20240820 D4SP Transformation - Role description and terms of reference.**Key Responsibilities: Architecture & Standards*** Own the front‑end architecture blueprint (React, TypeScript, state management, routing, data‑fetching, build tooling).* Define standards for component libraries/design systems (atoms/molecules/organisms, theming, tokens, typography, color, motion).* Establish performance, accessibility (WCAG 2.2), internationalization, and security guidelines for all UI code.* Select and govern front‑end tooling: bundlers, linters, test frameworks, CI/CD gates.**Framework & Design System Leadership*** Architect and maintain a multi‑app UI framework (design tokens, shared components, templates, page scaffolds) enabling rapid product delivery.* Drive component API design and versioning, documentation, and governance (RFCs, ADRs).* Partner with Product Design to translate Figma libraries and accessibility specs into shippable, tested components.**Delivery & Technical Leadership*** Lead technical discovery and spikes; write architectural ADRs; unblock teams with reference implementations.* Review solution designs and PRs for architecture compliance; coach teams on best practices.* Collaborate with Backend/Platform Architects on contract design (GraphQL/REST), caching, and edge delivery (CDN).* Guide migration roadmaps (legacy UI → React/TypeScript), including strangler patterns and incremental rollout.**Quality, Reliability & Observability*** Define quality bars (unit/integration/visual/regression tests), error handling patterns, and performance budgets.* Instrument Real User Monitoring (RUM) and UX analytics; set dashboards for Web Vitals (LCP, FID/INP, CLS) and Core UX KPIs.* Champion secure front‑end practices (XSS mitigation, CSP, OAuth/OIDC flows, CSRF, SSRF prevention on proxies).**Stakeholder & Governance*** Facilitate architecture reviews; align with product strategy and quarterly OKRs.* Contribute to hiring, mentoring, and professional development of front‑end engineers.### What we're looking for in you...**Key Qualifications & Experience:*** Expert React/TypeScript: advanced component patterns, hooks, context, Suspense, server components (where applicable), state management (Redux Toolkit, Zustand, React Query).* Web UI Architecture: modular monorepos (e.g., Nx/Turborepo), micro‑frontends (Module Federation), SSR/SSG (Next.js), edge rendering.* Design Systems: token‑driven theming, accessibility-first components, documentation (Storybook), semantic HTML and ARIA.* Performance & Accessibility: deep knowledge of Web Vitals, profiling, code‑splitting, lazy‑loading, image optimization, and WCAG compliance.* Testing & Tooling: Jest/Vitest, Testing Library, Playwright/Cypress, visual regression; ESLint/TypeScript rules; CI/CD pipelines.* Security: threat modeling for the front‑end, secure auth flows, secure storage, CSP.**You demonstrate*** Ownership mindset with strong accountability* Structured and process-driven approach* Proactive, solution-oriented attitude* Strong collaboration and communication skills* Collaboration with a talented team of dedicated engineers* The chance to work on cutting-edge technologies and cloud-based solutions* A flexible and innovative work environment* A competitive salary and benefits### Attention required!
#J-18808-Ljbffr