Job Description 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 Java Script (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 Three.js or Web GL for 3 D 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 Requirements Advanced CSS: Mastery of SCSS/SASS, CSS Variables, and BEM naming conventions.
JS for Design: Strong command of Java Script (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.
