- Design Systems: Architect and maintain a reusable component library (Style Guide) to ensure consistency across the product ecosystem.
- Advanced Styling: Implement complex animations transitions and micro-interactions using CSS animations or libraries like GSAP/Framer Motion.
- Cross-Browser Compatibility: Troubleshoot and resolve advanced layout issues across different browsers and legacy versions.
- Performance Optimization: Ensure CSS is lean and performant; optimize the "Critical Rendering Path" to improve Core Web Vitals scores.
- Accessibility (a11y): Ensure all UI components meet WCAG 2.1 standards (screen reader compatibility keyboard navigation).
- Mentorship: Code review the work of Band 1 designers and provide guidance on best practices.
Requirements
Required Skills:
- Advanced CSS: Mastery of SCSS/SASS CSS Variables and BEM naming conventions.
- JS for Design: Strong command of JavaScript (ES6) specifically for DOM manipulation and UI logic.
- Frameworks: Experience templating within modern frameworks (React/Vue/Angular) strictly on the presentation layer (JSX/Templates).
- Motion Design: Ability to code smooth 60fps animations.
- Tooling: Experience with build tools (Webpack Vite Gulp) and package managers (NPM/Yarn).
Good to Have:
- Experience with or WebGL for 3D web experiences.
- Background in traditional Graphic Design or Fine Arts.
Benefits
- Competitive salary and benefits
- Medical Insurance
- Parental Support - Maternity cover
- Retirement Benefits - PF Contribution
- Opportunities for professional growth
- Collaborative and inclusive work environment
Required Skills:
Advanced CSS: Mastery of SCSS/SASS CSS Variables and BEM naming conventions. JS for Design: Strong command of JavaScript (ES6) specifically for DOM manipulation and UI logic. Frameworks: Experience templating within modern frameworks (React/Vue/Angular) strictly on the presentation layer (JSX/Templates). Motion Design: Ability to code smooth 60fps animations. Tooling: Experience with build tools (Webpack Vite Gulp) and package managers (NPM/Yarn).
Design Systems: Architect and maintain a reusable component library (Style Guide) to ensure consistency across the product ecosystem.Advanced Styling: Implement complex animations transitions and micro-interactions using CSS animations or libraries like GSAP/Framer Motion.Cross-Browser Compatibility...
- Design Systems: Architect and maintain a reusable component library (Style Guide) to ensure consistency across the product ecosystem.
- Advanced Styling: Implement complex animations transitions and micro-interactions using CSS animations or libraries like GSAP/Framer Motion.
- Cross-Browser Compatibility: Troubleshoot and resolve advanced layout issues across different browsers and legacy versions.
- Performance Optimization: Ensure CSS is lean and performant; optimize the "Critical Rendering Path" to improve Core Web Vitals scores.
- Accessibility (a11y): Ensure all UI components meet WCAG 2.1 standards (screen reader compatibility keyboard navigation).
- Mentorship: Code review the work of Band 1 designers and provide guidance on best practices.
Requirements
Required Skills:
- Advanced CSS: Mastery of SCSS/SASS CSS Variables and BEM naming conventions.
- JS for Design: Strong command of JavaScript (ES6) specifically for DOM manipulation and UI logic.
- Frameworks: Experience templating within modern frameworks (React/Vue/Angular) strictly on the presentation layer (JSX/Templates).
- Motion Design: Ability to code smooth 60fps animations.
- Tooling: Experience with build tools (Webpack Vite Gulp) and package managers (NPM/Yarn).
Good to Have:
- Experience with or WebGL for 3D web experiences.
- Background in traditional Graphic Design or Fine Arts.
Benefits
- Competitive salary and benefits
- Medical Insurance
- Parental Support - Maternity cover
- Retirement Benefits - PF Contribution
- Opportunities for professional growth
- Collaborative and inclusive work environment
Required Skills:
Advanced CSS: Mastery of SCSS/SASS CSS Variables and BEM naming conventions. JS for Design: Strong command of JavaScript (ES6) specifically for DOM manipulation and UI logic. Frameworks: Experience templating within modern frameworks (React/Vue/Angular) strictly on the presentation layer (JSX/Templates). Motion Design: Ability to code smooth 60fps animations. Tooling: Experience with build tools (Webpack Vite Gulp) and package managers (NPM/Yarn).
View more
View less