Logo
Highbrow LLC

UI/Front End Architect Job at Highbrow LLC in Princeton

Highbrow LLC, Princeton, NJ, United States, 08543

Save Job

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