25 Oct
|
Spinach Experience Design
|
Mumbai
25 Oct
Spinach Experience Design
Mumbai
Role: We are looking for a highly skilled UI Developer with 1-2+ years of professional experience in building pixel-perfect, responsive, high-performance, and interactive web and mobile interfaces. The ideal candidate should have expert-level knowledge of HTML5, CSS3, modern CSS frameworks for responsive behaviours, layouting techniques, micro
- interactions, animation libraries, and frontend development practices. They should have hands-on experience with React.js, Next.js, TypeScript, and Tailwind CSS, along with a solid understanding of cross-browser compatibility, accessibility, web performance, and technical SEO.
Key responsibilities
UI Development & Implementation
• Translate Figma designs into pixel-accurate, responsive, and interactive web interfaces.
• Develop clean, semantic, and maintainable HTML, CSS, and JavaScript.
• Build reusable UI components following established design systems and coding standards. CSS Frameworks & Styling Libraries
• Implement responsive layouts using CSS3, Flexbox, Grid, and modern layout techniques.
• Work with Tailwind CSS and other modern styling frameworks.
• Build consistent UI elements across screen sizes, devices, and browsers.
• Understand and implement typography, spacing, transitions, states, and responsive behaviours. Animation & Interaction Libraries
• Develop basic micro-interactions, hover effects, transitions, and interface animations.
• Implement animations using CSS and JavaScript-based libraries.
• Ensure interactions are smooth, purposeful, and optimised for performance. React, Next.js & TypeScript
• Develop and maintain reusable UI components using React.js and Next.js.
• Work with TypeScript to create structured, type-safe frontend code.
• Integrate UI components with APIs and existing application logic under technical guidance.
• Follow established component architecture, coding conventions, and version-control practices. Figma to Code & AI-Assisted UI Development
• Interpret Figma files, design specifications, component libraries, and design tokens.
• Maintain visual consistency between approved designs and developed interfaces.
• Explore AI-assisted development tools to improve coding efficiency, prototyping, and component generation.
• Validate AI-generated code for quality, accuracy, accessibility, and maintainability. Responsive Design & Cross-Browser Compatibility
• Develop mobile-first, responsive interfaces for desktop, tablet, and mobile devices.
• Test layouts and interactions across modern browsers and operating systems.
• Identify and resolve UI inconsistencies, alignment issues, and responsive behaviour defects.
• Follow fundamental accessibility standards and frontend best practices. UI Testing & Quality Assurance
• Perform self-QA to ensure accurate implementation of approved designs.
• Test UI components for responsiveness, functionality, browser compatibility, and visual consistency.
• Identify and resolve UI defects before handing over work for formal QA.
• Support frontend performance optimisation, including image optimisation, loading behaviour, and Core Web Vitals.
• Apply basic technical SEO principles, including semantic markup and appropriate page structure.
Qualifications:
• Bachelor's degree or diploma in Computer Science, Information Technology, Web Development, or a related discipline.
• 1–2 years of hands-on experience in UI development or frontend development.
• A portfolio or demonstrable examples of responsive websites, interactive interfaces, or frontend applications.
• Robust problem-solving skills, attention to detail, and an ability to collaborate with multidisciplinary teams.
• Willingness to learn new frameworks, tools, and development methodologies. Must have
skills:
• Proven ability to independently convert complex Figma designs into pixel-perfect, responsive, production-ready interfaces.
• Strong understanding of browser rendering, CSS architecture, design systems, and component-based development.
• Strong proficiency in HTML5, CSS3, and JavaScript (ES6+).
• Practical experience with React.js, Next.js, and TypeScript.
• Practical experience with GSAP, Framer MoCon, or equivalent advanced animation libraries.
• Working knowledge of Tailwind CSS and modern CSS styling approaches.
• Strong understanding of responsive design, Flexbox, CSS Grid, and mobile-first development.
• Ability to translate Figma designs into visually accurate, functional interfaces.
• Understanding of reusable components, basic component architecture, and design systems.
• Familiarity with Git and collaborative development workflows.
• Basic knowledge of web accessibility, cross-browser compatibility, and performance optimisation.
• Robust attention to detail, particularly in typography, spacing, alignment, and interactive states. Good to have
experience:
• Experience building and maintaining large-scale design systems and reusable component libraries.
• Knowledge of Three.js, React Three Fiber, Rive, Lottie, or other advanced visual technologies
• Experience with Storybook and component-driven development
• Understanding of WCAG accessibility standards and performance optimisation.
• Experience with CI/CD workflows, GitHub Actions, and automated frontend testing.
• Familiarity with CMS integrations, REST APIs, GraphQL, and headless architectures.
• Experience working in an agency, product development, or client-facing environment.
• Ability to review Figma designs and proactively.
• Identify inconsistencies, usability gaps, and implementation challenges.
What we offer
• Opportunities to work on diverse digital products, platforms, and interactive experiences across industries.
• A collaborative environment where design, technology, and product thinking work closely together.
• Exposure to sophisticated design systems, advanced UI interactions, and modern frontend technologies.
• Hands-on learning through live projects, technical reviews, and mentorship from experienced designers and developers.
• Opportunities to experiment with AI-assisted workflows, development automation, and emerging technologies.
• A growth path towards Senior UI Developer and UI Development Lead roles, with increasing responsibility and technical ownership.
📌 UI developer (Mumbai)
🏢 Spinach Experience Design
📍 Mumbai