Highbrow
Role: UI/Front End Architect Work Location: Princeton, NJ Duration: 3 months contracts with possible extension. UI/ Frontend architect responsibilities at NNI: design system and tokens: - Define and maintain a multi-brand design token dictionary/library - Collaborate with UX/UI designers in Figma to ensure consistent handoff of tokens and components - Create and maintain scripts to convert design tokens (e.g., JSON) into SASS variables - Implement scalable SASS architecture for theming and brand overrides (e.g., BEM, SMACSS) component library and storybook: - Architect and implement a Storybook environment for component development and validation - Use Storybook to validate designs not representable in Figma (e.g., gradients, parallax, motion) - Document components, styles, and usage guidelines within Storybook - Collaborate with QA and design teams on visual validation and testing aem frontend integration: - Lead front-end implementation of AEM Core Components - Build composite components by extending or combining AEM Core Components - Align Storybook components with AEM implementations for consistency - Integrate front-end assets (HTML, CSS, JS) with AEM's backend structure and Sling models framework and automation: - Build reusable SASS framework for multi-brand support and scalability - Automate the import of design tokens from Figma or JSON into the codebase - Develop CI-compatible scripts for style bundling, linting, and validation - Set up visual regression and performance testing pipelines cross functional collaboration: - Act as technical liaison between design, front-end, and AEM backend teams - Collaborate with product owners, designers, and developers on component feasibility and design integrity - Lead technical design reviews and provide mentorship to front-end developers scalability and best practices: - Define and enforce scalable theming and component reuse strategies - Ensure performance optimization and accessibility compliance (WCAG standards) - Evaluate and introduce tools and processes to improve code maintainability and developer experience #J-18808-Ljbffr