UI/UX Front End Architect

Overview

On Site
$60 - $70
Contract - W2
Contract - 12 Month(s)
100% Travel

Skills

Figma
AEM
UI/UX
architect

Job Details

Role: UI/Front End Architect

Work Location: Princeton, NJ

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

Employers have access to artificial intelligence language tools (“AI”) that help generate and enhance job descriptions and AI may have been used to create this description. The position description has been reviewed for accuracy and Dice believes it to correctly reflect the job opportunity.

About Vish Consulting Services, Inc.