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 AEMs 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