Web Developer

Job description

**Project Role :** Web Developer **Project Role Description :** Design, build and test web-based applications for various site components and edit site content. Document technical designs and specifications. Research and incorporate updated content for websites. **Must have skills :** Web Application Development **Good to have skills :** React.js, Multiplatform Front End Development React Minimum **3** year(s) of experience is required **Educational Qualification :** 15 years full time education Summary: The Front-End Web Developer will support the Marketing organization by developing and maintaining the front-end user experience, component library, design system, page templates, and client-side functionality that power the global marketing website and related digital properties. This role will be part of the U.S.-led Web Operations team and will partner closely with the Director of Digital Experience \& Web Strategy, back-end development, web operations resources, IT, SEO, analytics, UX/design partners, and business stakeholders. The ideal candidate should bring strong front-end development fundamentals, design system experience, component-driven architecture skills, and comfort working across modern, scalable, API-first, AI-enabled digital experience environments. This is not intended to be a basic website maintenance role it is focused on building polished, accessible, performant, and future-ready user experiences on a modern headless CMS platform. This role will help ensure the website delivers a best-in-class user experience that supports structured content rendering, component reuse, personalization, intelligent search, forms, analytics, SEO/AEO/GEO requirements, global/multilingual presentation needs, accessibility compliance, and future AI-forward digital experiences. Key Responsibilities Develop, enhance, and maintain front-end website functionality, React components, page templates, design system elements, and user experiences across the global marketing website and related digital properties. Build and maintain the component library using React, shadcn/ui (Radix UI primitives), Tailwind CSS, and Storybook, ensuring consistency, reusability, accessibility, and alignment with the design system and brand standards. Implement front-end page templates and layouts within the Next.js framework, including client components, dynamic routing, client-side interactivity, and responsive design across devices and browsers. Translate UX/design specifications from Figma into production-ready, pixel-accurate components that follow the token-driven design system (CSS variables, Tailwind config, design tokens). Partner with the back-end developer to consume Sanity CMS content models, GROQ queries, and APIs, ensuring front-end components properly render structured content and support self-service publishing workflows for the marketing team. Experience working in agile/scrum workflows with 2--3 week sprint cycles, including the ability to participate in sprint planning, backlog grooming, and retrospectives within a small, self-managing development team. Implement analytics tracking (GA4 events, GTM tags, conversion tracking, click tracking) and ensure accurate data capture across user interactions and marketing funnels. Own accessibility compliance (WCAG 2.1 AA) across the website, including semantic HTML, keyboard navigation, screen reader support, focus management, ARIA attributes, and color contrast. Optimize client-side performance, including Core Web Vitals (LCP, CLS, INP), bundle size optimization, lazy loading, image optimization, code splitting, and efficient rendering patterns. Implement front-end behaviors for personalization (Optimizely), A/B testing, chatbot/conversational UI (Qualified), consent management, and intent-driven experiences (6sense) in coordination with the back-end developer. Build and maintain forms, including form UI, client-side validation, error handling, progressive disclosure, and UX partnering with the back-end developer on submission logic, CRM/MAP integration, and server-side validation. Support front-end implementation of SEO, AEO/GEO requirements, including semantic HTML, heading hierarchy, meta tags, Open Graph/social sharing markup, and rendered output optimization for search engines and AI answer engines. Implement localization/multilingual front-end patterns, including language switching UI, locale-aware rendering, and layout adaptation for global audiences, in coordination with the back-end developer and Smartling integration. Participate in visual regression testing, cross-browser/cross-device QA, component testing, UAT, troubleshooting, issue resolution, and production support for website enhancements and launches. Document component library standards, design system patterns, front-end architecture decisions, and development guidelines that enable the Web Operations team to scale. Work within Git, version control, code review, CI/CD pipelines, deployment, and agile delivery processes to ensure high-quality and controlled releases. Use AI-enabled coding tools and modern development practices to improve speed, quality, testing, documentation, troubleshooting, and continuous improvement while maintaining strong development judgment. Required Skills and Experience 5 years of professional front-end web development experience. 3 years of advanced experience with React, including hooks, context, component composition patterns, state management, and performance optimization. 2 years of experience with Next.js, including App Router, client/server components, dynamic routing, SSR/SSG, and image optimization. 2 years of experience with Tailwind CSS, including custom configuration, design tokens, responsive utilities, and utility-first architecture at scale. Strong experience building and maintaining a component library/design system in a production environment ---