Summary: The UI Architect role focuses on designing and governing a scalable component library using Storybook, while establishing front-end architecture standards and best practices. The position requires collaboration with UX/Design teams to ensure accurate implementation of design specifications and adherence to accessibility standards. Additionally, the architect will mentor front-end engineers and drive integration with CI/CD pipelines for testing and quality assurance. This role is pivotal in shaping the front-end development landscape within the organization.
Key Responsibilities:
- Architect and govern a scalable, reusable component library using Storybook as the component development and documentation platform
- Define front-end architecture standards, patterns, and best practices across teams
- Lead the design and maintenance of the Design System tokens, typography, spacing, color, and component APIs
- Collaborate closely with UX/Design to ensure pixel-perfect, accessible implementation of design specs (Figma to code)
- Establish and enforce accessibility (WCAG 2.1 AA) and performance standards across the UI layer
- Drive integration of Storybook with CI/CD pipelines for visual regression testing and automated QA
- Evaluate and recommend front-end technologies, frameworks, and tooling
- Mentor and guide front-end engineers on architecture decisions and coding standards
- Partner with backend and platform teams on API contracts, micro-frontend strategies, and headless CMS integrations
Key Skills:
- 12+ years of front-end development experience with at least 3 years in a UI Architect or Lead role
- Deep expertise in Storybook (CSF format, addons, controls, a11y, interactions)
- Strong proficiency in React (or Angular/Vue) with TypeScript
- Hands-on experience building and scaling Design Systems from the ground up
- Solid understanding of Figma and design-to-code workflows
- Experience with CSS architecture CSS Modules, Styled Components, or Tailwind
- Familiarity with monorepo tooling Nx, Turborepo, or Lerna
- Experience integrating Storybook with Chromatic, Percy, or similar visual testing tools
- Understanding of Web Accessibility standards and assistive technologies
- Knowledge of performance optimization lazy loading, code splitting, bundle analysis
Salary (Rate): £120,000 yearly
City: undetermined
Country: USA
Working Arrangements: remote
IR35 Status: undetermined
Seniority Level: undetermined
Industry: IT
Job Title: UI Architect Design Systems & Storybook
Location: Remote - USA
Mode of hiring: Fulltime/Contract
Job Description:
- Architect and govern a scalable, reusable component library using Storybook as the component development and documentation platform
- Define front-end architecture standards, patterns, and best practices across teams
- Lead the design and maintenance of the Design System tokens, typography, spacing, color, and component APIs
- Collaborate closely with UX/Design to ensure pixel-perfect, accessible implementation of design specs (Figma to code)
- Establish and enforce accessibility (WCAG 2.1 AA) and performance standards across the UI layer
- Drive integration of Storybook with CI/CD pipelines for visual regression testing and automated QA
- Evaluate and recommend front-end technologies, frameworks, and tooling
- Mentor and guide front-end engineers on architecture decisions and coding standards
- Partner with backend and platform teams on API contracts, micro-frontend strategies, and headless CMS integrations
Required Skills & Experience
- 12+ years of front-end development experience with at least 3 years in a UI Architect or Lead role
- Deep expertise in Storybook (CSF format, addons, controls, a11y, interactions)
- Strong proficiency in React (or Angular/Vue) with TypeScript
- Hands-on experience building and scaling Design Systems from the ground up
- Solid understanding of Figma and design-to-code workflows
- Experience with CSS architecture CSS Modules, Styled Components, or Tailwind
- Familiarity with monorepo tooling Nx, Turborepo, or Lerna
- Experience integrating Storybook with Chromatic, Percy, or similar visual testing tools
- Understanding of Web Accessibility standards and assistive technologies
- Knowledge of performance optimization lazy loading, code splitting, bundle analysis
Good to Have
- Experience with headless CMS platforms (AEM, Contentful, Sitecore)
- Exposure to Micro-frontend architecture patterns
- Familiarity with Adobe Experience Cloud or similar DXP ecosystems
- Prior experience in pharma, life sciences, or regulated industries